Initial commit
This commit is contained in:
vitalijmulika
223
src/app/page.tsx
Normal file
223
src/app/page.tsx
Normal file
@@ -0,0 +1,223 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Coffee, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="sharp"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
brandName="Brew Haven"
|
||||
button={{
|
||||
text: "Reserve a Table", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Discover Your Perfect Cup"
|
||||
description="Premium artisanal coffee crafted with passion and precision. Every sip tells a story of quality, care, and excellence."
|
||||
tag="Premium Coffee"
|
||||
tagIcon={Coffee}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
|
||||
imageAlt="Cozy coffee shop interior with warm lighting"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu", href: "products"
|
||||
},
|
||||
{
|
||||
text: "Visit Us", href: "contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Roasted with"
|
||||
},
|
||||
{
|
||||
type: "image", src: "https://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", alt: "Premium coffee beans"
|
||||
},
|
||||
{
|
||||
type: "text", content: "passion since 2015"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story", href: "#about"
|
||||
},
|
||||
{
|
||||
text: "Sourcing", href: "#sourcing"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Our Coffee Selection"
|
||||
description="Handpicked blends and single-origin coffees sourced from sustainable farms around the world"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Signature Espresso Blend", price: "$8.50", imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458094.jpg", imageAlt: "Rich espresso in ceramic cup", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "2", name: "Cold Brew Classic", price: "$6.00", imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-31296.jpg", imageAlt: "Refreshing cold brew over ice", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "3", name: "Pour Over Premium", price: "$7.50", imageSrc: "https://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354593.jpg", imageAlt: "Freshly poured drip coffee", initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Loved by Coffee Enthusiasts"
|
||||
description="Hear from our regulars about their favorite coffee shop experience"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "The Perfect Morning Ritual", quote: "This is my sanctuary before work. The coffee is exceptional, and the atmosphere makes every visit feel special.", name: "Sarah Mitchell", role: "Marketing Director", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sarah Mitchell testimonial"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Quality You Can Taste", quote: "I've tried many coffee shops, but the attention to detail here is unmatched. Every cup is crafted to perfection.", name: "Michael Chen", role: "Coffee Connoisseur", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Michael Chen testimonial"
|
||||
},
|
||||
{
|
||||
id: "3", title: "A Community Space", quote: "More than just coffee, it's a place where friendships blossom and creativity flows. I come here daily.", name: "Emily Rodriguez", role: "Freelance Designer", imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Emily Rodriguez testimonial"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Consistently Outstanding", quote: "From the beans to the barista's skill, everything reflects a commitment to excellence. Highly recommend!", name: "David Kim", role: "Business Owner", imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "David Kim testimonial"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Brew Haven and our services"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What coffee beans do you use?", content: "We source premium, single-origin and carefully curated blend beans from sustainable farms across Ethiopia, Colombia, and Costa Rica. Each batch is roasted in-house to ensure peak freshness and flavor."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer loyalty programs?", content: "Yes! Our Brew Rewards program gives you a complimentary coffee for every 10 purchases. Sign up in-store or ask our baristas for details."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Are your drinks dairy-free?", content: "Absolutely. We offer oat milk, almond milk, soy milk, and coconut milk alternatives for all our beverages at no extra charge."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I book a private event?", content: "Yes, we host private events and meetings. Our upstairs area can accommodate 20-30 people. Contact us for booking details and custom menu options."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do you offer wholesale coffee?", content: "We do! Local businesses can purchase our beans in bulk. Please email wholesale@brewhaven.com or call us for pricing and availability."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What are your opening hours?", content: "Monday-Friday: 6:30 AM - 8:00 PM, Saturday: 8:00 AM - 9:00 PM, Sunday: 8:00 AM - 7:00 PM. We're closed on major holidays."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Join Our Coffee Community"
|
||||
description="Subscribe to our newsletter for exclusive blends, brewing tips, and special events. We respect your inbox."
|
||||
useInvertedBackground="invertDefault"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
|
||||
imageAlt="Welcoming coffee shop interior"
|
||||
mediaPosition="right"
|
||||
tagIcon={Mail}
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Subscribe"
|
||||
termsText="We send updates about new blends and events monthly. Unsubscribe anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Brew Haven"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu", href: "products"
|
||||
},
|
||||
{
|
||||
label: "About", href: "about"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hours", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Location", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Careers", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com"
|
||||
},
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com"
|
||||
},
|
||||
{
|
||||
label: "Twitter", href: "https://twitter.com"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user