Initial commit
This commit is contained in:
vitalijmulika
329
src/app/page.tsx
Normal file
329
src/app/page.tsx
Normal file
@@ -0,0 +1,329 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Coffee, Sparkles, Star, Heart, MessageSquare, HelpCircle } from "lucide-react";
|
||||
|
||||
export default function CoffeePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeExtraLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-subtle"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473653005-7sz88m2f.jpg"
|
||||
logoAlt="Coffee Shop Logo"
|
||||
brandName="Brew Haven"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
className="bg-background/95 backdrop-blur-sm border-b border-accent/20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Artisan Coffee Crafted with Care"
|
||||
description="Discover premium specialty coffee roasted fresh daily. Experience the perfect blend of quality, flavor, and community."
|
||||
tag="Premium Coffee Shop"
|
||||
tagIcon={Coffee}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473654203-dyo86gbj.jpg"
|
||||
imageAlt="Beautiful latte with latte art"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "#products" },
|
||||
{ text: "Order Delivery", href: "#contact" }
|
||||
]}
|
||||
ariaLabel="Coffee shop hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAboutCards
|
||||
title="Brewing Excellence Since 2018"
|
||||
description="We believe great coffee starts with exceptional beans. Our coffee is sourced from sustainable farms and roasted to perfection in small batches to ensure maximum freshness and flavor."
|
||||
tag="Our Story"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: "sourcing",
|
||||
title: "Ethically Sourced",
|
||||
description: "Direct trade relationships with coffee farmers ensuring fair pricing and sustainable farming practices.",
|
||||
label: "100% Fair Trade"
|
||||
},
|
||||
{
|
||||
id: "roasting",
|
||||
title: "Small Batch Roasting",
|
||||
description: "Fresh roasted in-house daily. Each batch is carefully monitored to bring out unique flavor profiles.",
|
||||
label: "Roasted Daily"
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
useInvertedBackground="noInvert"
|
||||
ariaLabel="About our coffee shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-beverages" data-section="featured-beverages">
|
||||
<ProductCardThree
|
||||
title="Featured Beverages"
|
||||
description="Try our most popular specialty drinks crafted by our expert baristas"
|
||||
tag="Customer Favorites"
|
||||
tagIcon={Star}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473655449-8xz9bw2w.jpg",
|
||||
imageAlt: "Double shot espresso",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Silky Cappuccino",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473656669-yh1rt5d4.jpg",
|
||||
imageAlt: "Cappuccino with latte art",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew Delight",
|
||||
price: "$4.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473657988-cflpzm4o.jpg",
|
||||
imageAlt: "Iced cold brew with ice",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473660171-nvz0q700.jpg",
|
||||
imageAlt: "Vibrant matcha green tea latte",
|
||||
initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground="noInvert"
|
||||
ariaLabel="Featured coffee beverages"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardEighteen
|
||||
title="What Sets Us Apart"
|
||||
description="Experience the difference quality coffee and genuine hospitality can make"
|
||||
tag="Why Choose Us"
|
||||
tagIcon={Heart}
|
||||
negativeCard={{
|
||||
title: "Typical Coffee Chains",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473661620-ovycgpz2.jpg",
|
||||
imageAlt: "Generic coffee beans",
|
||||
items: [
|
||||
"Mass-produced coffee",
|
||||
"Inconsistent quality",
|
||||
"No personal connection",
|
||||
"Limited specialty options"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
title: "Brew Haven",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473663138-lv9o9wkh.jpg",
|
||||
imageAlt: "Expert barista pouring latte art",
|
||||
items: [
|
||||
"Artisanal small-batch roasts",
|
||||
"Consistent premium quality",
|
||||
"Personal relationships with regulars",
|
||||
"Creative seasonal specialties"
|
||||
]
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
ariaLabel="Why choose Brew Haven"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Loved by Coffee Enthusiasts"
|
||||
description="See what our regular customers have to say about their Brew Haven experience"
|
||||
tag="Customer Reviews"
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "@coffeeaddict",
|
||||
testimonial: "Best espresso in the city! The baristas really care about getting it perfect every time. This is my daily ritual.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473666507-3ogfv3bz.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jchenworks",
|
||||
testimonial: "The cold brew is absolutely smooth and refreshing. Great atmosphere for getting work done with reliable WiFi and excellent customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473667899-k701b6aa.jpg",
|
||||
imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
handle: "@emmaeats",
|
||||
testimonial: "Finally found a place that respects their craft. Every cup tastes intentional. The matcha latte is my new obsession!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473669176-zhf9xhgn.jpg",
|
||||
imageAlt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thompson",
|
||||
handle: "@davidtech",
|
||||
testimonial: "Brew Haven is more than coffee - it's community. The staff remembers your order and makes you feel valued as a customer.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473670731-enm7gcw8.jpg",
|
||||
imageAlt: "David Thompson"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
useInvertedBackground="noInvert"
|
||||
ariaLabel="Customer testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our coffee, ordering, and delivery options"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery or shipping?",
|
||||
content: "Yes! We offer local delivery within 5 miles and ship whole bean coffee nationwide. Orders typically arrive within 2-3 business days."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I request a specific roast level?",
|
||||
content: "Absolutely! We roast custom to your preference. Just let us know if you prefer light, medium, or dark roast when placing your order."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your hours?",
|
||||
content: "We're open Monday-Friday 6:30 AM - 7:00 PM, Saturday 8:00 AM - 8:00 PM, and Sunday 9:00 AM - 6:00 PM. We're closed on major holidays."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you have a loyalty program?",
|
||||
content: "Yes! Sign up for our Brew Club and earn points on every purchase. Every 10th drink is free!"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Are your beans sustainable?",
|
||||
content: "100% of our beans are ethically sourced through direct trade relationships with certified sustainable coffee farms."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can you accommodate dietary restrictions?",
|
||||
content: "Of course! We offer oat, almond, coconut, and soy milk alternatives. We're happy to customize any drink."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473665073-qjm5622l.jpg"
|
||||
imageAlt="Warm and inviting coffee shop interior"
|
||||
mediaPosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
ariaLabel="Coffee shop FAQ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Have questions about our coffee or want to book a tasting event? We'd love to hear from you. Fill out the form below and we'll get back to you shortly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your question or event idea...",
|
||||
rows: 5,
|
||||
required: true
|
||||
}}
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473672791-wpmxhdxu.jpg"
|
||||
imageAlt="Cozy coffee shop counter"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
ariaLabel="Contact form"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Coffee",
|
||||
items: [
|
||||
{ label: "Shop Beans", href: "#products" },
|
||||
{ label: "Brewing Guide", href: "#" },
|
||||
{ label: "Our Roasts", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{ label: "Locations", href: "#" },
|
||||
{ label: "Hours", href: "#faq" },
|
||||
{ label: "Book Event", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473653005-7sz88m2f.jpg"
|
||||
logoAlt="Brew Haven Coffee"
|
||||
logoText="Brew Haven"
|
||||
copyrightText="© 2025 Brew Haven Coffee. All rights reserved. Crafted with care."
|
||||
ariaLabel="Coffee shop footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user