Bakery Landing - Copy this React, Tailwind Component to your project
Overall Layout This section features a two-column layout: The left column showcases branding and decoration. The right column highlights the central image of the bread basket, descriptive text, and a call-to-action button. Left Column Vertical Text: A bold, uppercase word "DUMPLING" written vertically. Font: Black, sans-serif, bold, and large in size to emphasize the branding. Positioned on the far-left edge of the section. Decorative Bread Image: A small bread roll image is positioned below the vertical "DUMPLING" text. Adds a playful and thematic design element. Right Column Main Image (Bread Basket): A large central image of a wicker basket filled with various types of bread: Baguettes, round rolls, sliced loaves, and artisanal bread. The bread is arranged both inside the basket and scattered around it, giving a natural and abundant feel. Positioned centrally in the right column, serving as the focal point of the section. Decorative Wheat Stalks: An image of wheat stalks is placed in the top-right corner, balancing the layout and enhancing the bakery theme. Descriptive Text: A short paragraph is aligned to the right of the bread basket image. Text Content: Describes the bakery's purpose and offerings: "The bakery is an establishment that produces food baked in an oven such as bread, cookies, cakes, pastries, and pies. Some retail bakeries are also categorized as cafés, serving coffee and tea to customers." Font: Serif or sans-serif, black, and left-aligned. The text provides clear and informative details about the bakery. Call-to-Action Button: A prominent button is centered below the bread basket image. Button Details: Background Color: Bright orange, ensuring high visibility. Text: Bold, uppercase "ORDER NOW" in black. Icon: A shopping bag icon is placed to the left of the text. Shape: Rounded corners give the button a modern, friendly look. Positioned to encourage immediate action from the user. Background and Colors Background Color: A soft, pastel green, evoking freshness and natural ingredients. Text Color: Black for high contrast and readability. Accent Colors: Orange button to grab attention. Natural tones in the bread and wheat images to maintain a cohesive theme. Alignment and Spacing Vertical Alignment: "DUMPLING" text is vertically aligned on the left for branding. The bread basket image and button are vertically centered in the right column. Spacing: Ample padding between elements ensures a clean, uncluttered design. Text is well-spaced for easy readability.
