Files
a21fd5b4-60b7-449e-8251-3eb…/src/app/page.tsx
2025-12-22 16:54:28 +00:00

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>
);
}