369 lines
16 KiB
TypeScript
369 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import SplitAboutFeatures from '@/components/sections/about/SplitAboutFeatures';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactMedia from '@/components/sections/contact/ContactMedia';
|
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
|
import { Award, Coffee, Facebook, Heart, Instagram, Leaf, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="elevated-accent"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="minimal"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Bean & Brew"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "features" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contacts", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Welcome to Bean & Brew"
|
|
description="Discover the perfect blend of artisan coffee, warm ambiance, and community spirit"
|
|
tag="Premium Coffee Experience"
|
|
buttons={[
|
|
{ text: "Explore Our Menu", href: "features" },
|
|
{ text: "Visit Us Today", href: "contact" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530231801-po58g7w8.jpg",
|
|
imageAlt: "Cozy coffee shop interior"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530233349-fy0mnxgx.jpg",
|
|
imageAlt: "Specialty espresso drink with latte art"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530234617-kkzfdu85.jpg",
|
|
imageAlt: "Premium coffee beans"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530236019-8qais6ek.jpg",
|
|
imageAlt: "Professional barista crafting coffee"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530237864-8iyttdv4.jpg",
|
|
imageAlt: "Relaxing seating area"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAboutFeatures
|
|
title="Our Story"
|
|
features={[
|
|
{
|
|
text: "Sourced from the finest coffee farms around the world, our beans are roasted fresh daily",
|
|
icon: Coffee
|
|
},
|
|
{
|
|
text: "Our skilled baristas craft each cup with precision and passion to deliver perfection",
|
|
icon: Award
|
|
},
|
|
{
|
|
text: "A warm, inviting space where friends gather, ideas flow, and connections are made",
|
|
icon: Heart
|
|
},
|
|
{
|
|
text: "Committed to sustainable practices and supporting coffee farming communities globally",
|
|
icon: Leaf
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Our Specialties"
|
|
description="Experience coffee crafted with care and attention to every detail"
|
|
tag="Menu Highlights"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Premium Espresso",
|
|
description: "Rich, bold espresso shots pulled from our finest single-origin beans",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530240267-esifveh3.jpg"
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Signature Lattes",
|
|
description: "Creamy steamed milk paired with perfectly extracted espresso and artistic latte art",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530242321-kcjg4mzr.jpg"
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Seasonal Specials",
|
|
description: "Limited edition flavors that change with the season to celebrate fresh ingredients",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530244485-qmfgtflk.jpg"
|
|
},
|
|
{
|
|
id: "04",
|
|
title: "Cold Brew Perfection",
|
|
description: "Smooth, refreshing cold brew made with our signature blend for warm days",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530248619-vhxui29g.jpg"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Baristas"
|
|
description="The passionate people behind every perfect cup"
|
|
tag="Expert Baristas"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Martinez",
|
|
role: "Head Barista",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530251511-vwxoxkjt.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Chen",
|
|
role: "Latte Artist",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530253669-j2rilwzl.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Thompson",
|
|
role: "Brew Master",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530256529-j6tks1d1.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Marco Rossi",
|
|
role: "Espresso Specialist",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530260707-kfsz9r2w.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real experiences from our coffee-loving community"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Jennifer Blake",
|
|
handle: "@jenniferblake",
|
|
testimonial: "The best coffee I have ever tasted. The baristas are friendly and the atmosphere is absolutely perfect for working or relaxing with friends.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530262705-wvwjxnfd.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Torres",
|
|
handle: "@mtorres_coffee",
|
|
testimonial: "Bean & Brew has become my daily spot. Consistent quality, amazing specialty drinks, and a community that feels like home.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530264558-wq571ffr.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Lisa Park",
|
|
handle: "@lisapark_design",
|
|
testimonial: "Finally found a coffee shop that takes pride in their craft. Every visit is a new experience with their rotating specialty menu.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530266243-w8j7yp32.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Anderson",
|
|
handle: "@davidanderson",
|
|
testimonial: "The attention to detail in every cup is remarkable. These are real coffee artisans who genuinely care about quality.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530267634-bjjuwc57.jpg"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sophie Dubois",
|
|
handle: "@sophiedubois",
|
|
testimonial: "A truly special place. Great coffee, wonderful people, and an inviting space that keeps me coming back.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530262705-wvwjxnfd.jpg"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Robert Walsh",
|
|
handle: "@robertw",
|
|
testimonial: "This is what a modern coffee shop should be. Quality product, knowledgeable staff, and genuine hospitality.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530264558-wq571ffr.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Partnered with the finest coffee producers and suppliers worldwide"
|
|
tag="Our Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530269185-kr5frdqz.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530270964-bbgci1n0.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530272139-lrb722sy.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530273320-xvosar6z.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530274936-ing29b7i.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530276116-thagnc61.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530277549-j0iv5hkh.jpg"
|
|
]
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Bean & Brew"
|
|
tag="Help & Support"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What are your operating hours?",
|
|
content: "We are open Monday through Friday from 6:00 AM to 8:00 PM, Saturday from 7:00 AM to 9:00 PM, and Sunday from 8:00 AM to 6:00 PM. We're closed on major holidays."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer WiFi for customers?",
|
|
content: "Yes, we provide free high-speed WiFi for all our customers. Just ask any barista for the password when you visit."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I order online or for delivery?",
|
|
content: "Currently, we focus on in-shop experiences to ensure quality and freshness. However, we are developing an online ordering system for pickup that will launch soon."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you have options for dietary restrictions?",
|
|
content: "Absolutely! We offer oat, almond, and coconut milk alternatives. We also have decaf options and can accommodate various dietary preferences. Talk to our baristas about your specific needs."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Where do you source your coffee?",
|
|
content: "Our beans are sourced from ethically managed farms across Central and South America, East Africa, and Southeast Asia. We prioritize fair trade and sustainable practices."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765530279213-ojt6a8qi.jpg"
|
|
imageAlt="Visit our welcoming coffee shop"
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#" },
|
|
{ text: "Call Us", href: "#" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSocial
|
|
logoText="Bean & Brew"
|
|
copyrightText="© Bean & Brew, Inc. 2025. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Coffee",
|
|
items: [
|
|
{ label: "Menu", href: "features" },
|
|
{ label: "Our Blend", href: "features" },
|
|
{ label: "Beans Store", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Locations", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Visit our Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Visit our Facebook"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com",
|
|
ariaLabel: "Visit our Twitter"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |