Initial commit
This commit is contained in:
Nikolay Pecheniev
314
src/app/page.tsx
Normal file
314
src/app/page.tsx
Normal file
@@ -0,0 +1,314 @@
|
||||
"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: "#contact"
|
||||
}}
|
||||
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: "View Menu",
|
||||
href: "#products"
|
||||
},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact"
|
||||
}
|
||||
]}
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user