302 lines
12 KiB
TypeScript
302 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
|
|
import TagAbout from '@/components/sections/about/TagAbout';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import SocialProofTwo from '@/components/sections/socialProof/SocialProofTwo';
|
|
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeExtraSmallSpacing"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414385423-tpqhsun3.jpg"
|
|
logoAlt="Breakfast Coffee Shop Logo"
|
|
brandName="Breakfast Coffee"
|
|
button={{ "text":"Order Now", "href":"www.google.com" }}
|
|
className="py-4 px-6"
|
|
buttonClassName="px-6 py-2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitLarge
|
|
title="Start Your Morning Right"
|
|
description="Expertly crafted coffee and fresh breakfast made for the perfect start to your day. Premium beans, artisan techniques, and genuine hospitality."
|
|
tag="Premium Coffee Culture"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg"
|
|
imageAlt="Beautiful breakfast coffee with latte art"
|
|
buttons={[{"text":"HELO nana OK","href":"www.linkedin.com/one-two"}, {"text":"HELO nana OK","href":"www.linkedin.com/one-two"}]}
|
|
className="py-20"
|
|
titleClassName="text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagAbout
|
|
tag="Our Story"
|
|
description="We believe breakfast coffee is more than just a caffeine fix—it's a ritual, a moment of calm before the day begins. Since opening, we have committed to sourcing the finest single-origin beans from sustainable farms, training our baristas in the art of espresso, and creating a welcoming space where every customer feels at home."
|
|
useInvertedBackground="noInvert"
|
|
ariaLabel="About Breakfast Coffee Shop"
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSeven
|
|
title="Featured Products"
|
|
description="Discover our signature coffee blends and breakfast pairings"
|
|
tag="Daily Selection"
|
|
products={[
|
|
{
|
|
id: "espresso-blend",
|
|
name: "Morning Espresso",
|
|
price: "$3.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
|
|
imageAlt: "Rich, dark espresso shot"
|
|
},
|
|
{
|
|
id: "cappuccino",
|
|
name: "Silky Cappuccino",
|
|
price: "$4.75",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414394206-b14wm62n.jpg",
|
|
imageAlt: "Cappuccino with beautiful latte art"
|
|
},
|
|
{
|
|
id: "pastry-combo",
|
|
name: "Pastry Breakfast Set",
|
|
price: "$7.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414397437-vf61oti3.jpg",
|
|
imageAlt: "Freshly baked croissant and coffee"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofTwo
|
|
title="Certified Quality"
|
|
description="We partner with industry-leading certifications to ensure the highest standards"
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414386546-sdp5i9cj.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414387596-fpgp8v3l.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414388884-ucp4ila6.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414389942-kwjo1x3t.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414391049-s31ysh44.jpg"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
className="py-16"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardNine
|
|
title="Loved by Our Community"
|
|
description="Hear what our regular customers have to say about their Breakfast Coffee experience"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
quote: "The best coffee I have found in the city. The baristas are incredibly knowledgeable and friendly, and they remember my order every single day.",
|
|
name: "Sarah Mitchell",
|
|
role: "Marketing Professional",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414400514-5et2yg01.jpg",
|
|
imageAlt: "Sarah Mitchell smiling"
|
|
},
|
|
{
|
|
id: "2",
|
|
quote: "I come here every morning before work. The atmosphere is perfect for starting the day, and their pastries are absolutely divine.",
|
|
name: "James Chen",
|
|
role: "Graphic Designer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
|
|
imageAlt: "James Chen portrait"
|
|
},
|
|
{
|
|
id: "3",
|
|
quote: "Finally found a coffee shop that takes sustainability seriously. Love knowing my purchases support fair-trade farmers.",
|
|
name: "Emma Rodriguez",
|
|
role: "Environmental Consultant",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414402772-ruzjnlgd.jpg",
|
|
imageAlt: "Emma Rodriguez headshot"
|
|
},
|
|
{
|
|
id: "4",
|
|
quote: "The espresso here is comparable to what I had in Italy. Breakfast Coffee has set the gold standard for specialty coffee.",
|
|
name: "Michael Torres",
|
|
role: "Travel Blogger",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414403745-brf2o1b2.jpg",
|
|
imageAlt: "Michael Torres portrait"
|
|
}
|
|
]}
|
|
variant="card"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our coffee, menu, and services"
|
|
tag="Help & Support"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What types of coffee beans do you use?",
|
|
content: "We source exclusively from specialty coffee roasters who work directly with sustainable farms. Our rotating selection features single-origin beans from Ethiopia, Colombia, Kenya, and Central America. Each origin offers unique flavor profiles to explore."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer dairy-free milk alternatives?",
|
|
content: "Yes! We offer oat, almond, cashew, and soy milk at no additional charge. Our baristas are trained to create beautiful latte art with plant-based milks."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I pre-order for large groups?",
|
|
content: "Absolutely. For orders of 10 or more, please call us at least 24 hours in advance. We offer group discounts and can prepare customized selections from our menu."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What are your operating hours?",
|
|
content: "Monday to Friday: 6:30 AM - 6:00 PM. Saturday: 7:00 AM - 5:00 PM. Sunday: 8:00 AM - 4:00 PM. We are closed on major holidays."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you have Wi-Fi and seating for remote work?",
|
|
content: "Yes! We offer free Wi-Fi and plenty of seating options. We welcome laptop users and have created a quiet corner area perfect for focused work."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414398769-qosxsyx5.jpg"
|
|
imageAlt="Cozy coffee shop interior with warm lighting"
|
|
mediaPosition="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Join our mailing list for weekly specials, new roasts, and exclusive breakfast menu items. Or visit us and experience Breakfast Coffee in person."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your favorite coffee experience or ask a question...",
|
|
rows: 4,
|
|
required: false
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg"
|
|
imageAlt="Professional barista preparing coffee"
|
|
mediaPosition="right"
|
|
buttonText="Subscribe & Connect"
|
|
useInvertedBackground="noInvert"
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414385423-tpqhsun3.jpg"
|
|
logoText="Breakfast Coffee"
|
|
logoWidth={120}
|
|
logoHeight={40}
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "Coffee Selection",
|
|
href: "#products"
|
|
},
|
|
{
|
|
label: "Breakfast Items",
|
|
href: "#products"
|
|
},
|
|
{
|
|
label: "Pastries & Baked Goods",
|
|
href: "#products"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about"
|
|
},
|
|
{
|
|
label: "Our Story",
|
|
href: "#about"
|
|
},
|
|
{
|
|
label: "Sustainability",
|
|
href: "#social-proof"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq"
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact"
|
|
},
|
|
{
|
|
label: "Locations",
|
|
href: "#contact"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Breakfast Coffee Shop. All rights reserved."
|
|
className="py-20"
|
|
containerClassName="max-w-6xl"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |