Bakery Page - Copy this React, Tailwind Component to your project
Overall Section Layout This section consists of two main parts: The hero section (top part with the "DUMPLING" branding, bread basket image, description, and "Order Now" button). A content section below titled "About Us," providing additional text about the bakery. Hero Section (Top Part) Left Column: Vertical Branding A vertical text label with the word "DUMPLING" in bold and uppercase letters. Font: Black, bold sans-serif, creating a strong visual presence. Positioned vertically along the left side of the section. Central Image: Bread Basket A large image of a bread basket filled with a variety of baked goods: Includes baguettes, sliced bread, bread rolls, and loaves. Positioned prominently at the center, serving as the focal point of the section. Decorative Elements A small bread roll image is placed below the "DUMPLING" text for decoration. An image of wheat stalks is located at the top-right corner, complementing the bakery theme. Right Column: Description and Button Description Text: Positioned on the right side of the bread basket image. Includes a brief explanation about the bakery, mentioning: It produces baked goods like bread, cookies, cakes, pastries, and pies. It is categorized as a café that serves coffee and tea to customers. Text is aligned to the right. Font: Serif or sans-serif, in black, with readable spacing. Call-to-Action Button: Positioned below the bread basket and description. Button Details: Background color: Bright orange. Rounded corners for a modern look. Includes bold text: "ORDER NOW". An icon of a shopping bag is placed to the left of the button text. About Us Section (Bottom Part) Heading: A bold, centered heading: "About US". Font: Black, bold, and slightly larger than the paragraph text. Text is in uppercase for emphasis. Description Text: A short paragraph is centered below the heading, describing the bakery's mission: Mentions a union of cereal and legume flours, emphasizing: The creation of a new line of tasty specialties rich in fiber and vegetable proteins. Font: Black or dark green, readable and clean. Spacing: There is ample white space between the hero section and the "About Us" section, ensuring a clean, minimalistic design.
