233 lines
14 KiB
TypeScript
233 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { Coffee, Croissant, Users, Sparkles, Wheat, Home, Wifi } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="large"
|
||
background="none"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "/"},
|
||
{
|
||
name: "Menu", id: "/menu"},
|
||
{
|
||
name: "Gallery", id: "/gallery"},
|
||
{
|
||
name: "Location", id: "/location"},
|
||
{
|
||
name: "Contact", id: "/contact"},
|
||
]}
|
||
brandName="Brew Haven"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Brewed to Perfection, Served with Passion."
|
||
description="Experience the rich aroma and exquisite taste of our carefully crafted coffee. A cozy haven for coffee lovers and friends."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah L.", handle: "@sarahlux", testimonial: "Brew Haven is my daily dose of happiness! The coffee is superb, and the atmosphere is so welcoming.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg", imageAlt: "Sarah L."},
|
||
{
|
||
name: "Mark D.", handle: "@markdrew", testimonial: "Hands down the best latte in town. The baristas are always friendly and remember my order!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-662.jpg", imageAlt: "Mark D."},
|
||
{
|
||
name: "Jessica R.", handle: "@jessreads", testimonial: "A perfect spot to work or relax. Great coffee, delicious pastries, and reliable Wi-Fi. What more could you ask for?", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-curly-woman-sitting-with-eyes-closed-near-big-window_197531-6673.jpg", imageAlt: "Jessica R."},
|
||
{
|
||
name: "David K.", handle: "@dave_eats", testimonial: "Their seasonal specials are always a hit! I love trying new flavors, and Brew Haven never disappoints.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-holding-cup-coffee-showing-thumb-up_141793-89288.jpg", imageAlt: "David K."},
|
||
{
|
||
name: "Emily S.", handle: "@emilysmiles", testimonial: "The staff truly cares about their craft. Every cup is made with such precision and love. Highly recommend!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804651.jpg?_wi=2", imageAlt: "Emily S."},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-stands-with-closed-eyes-isolated-green-background-with-copy-space_141793-66903.jpg", alt: "Customer avatar 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg", alt: "Customer avatar 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-stands-pink_141793-92997.jpg", alt: "Customer avatar 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg", alt: "Customer avatar 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/cute-brunette-woman-denim-shirt_273609-11862.jpg", alt: "Customer avatar 5"},
|
||
]}
|
||
avatarText="Join Our Community"
|
||
imageSrc="http://img.b2bpic.net/free-photo/clouse-up-beautiful-woman-enjoying-breakfast_23-2149063296.jpg"
|
||
imageAlt="Freshly brewed coffee with beans"
|
||
mediaAnimation="slide-up"
|
||
marqueeItems={[
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-with-milk_23-2148337168.jpg", alt: "Close-up cup of coffee with milk"},
|
||
{
|
||
type: "text-icon", text: "Freshly Roasted Beans", icon: Coffee,
|
||
},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/black-coffee-coffee-cup_74190-1831.jpg", alt: "Black coffee in Coffee cup"},
|
||
{
|
||
type: "text-icon", text: "Artisan Pastries", icon: Croissant,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Community Hub", icon: Users,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={true}
|
||
title="More Than Just Coffee, It's an Experience."
|
||
buttons={[
|
||
{
|
||
text: "Our Story", href: "/about"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Artisan Latte Art", description: "Our talented baristas craft exquisite latte art, turning every coffee into a masterpiece for your enjoyment.", buttonIcon: Sparkles,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg?_wi=2", imageAlt: "Latte art in a coffee cup"},
|
||
{
|
||
title: "Freshly Baked Pastries", description: "Indulge in our daily selection of croissants, muffins, and cakes, baked fresh every morning to pair perfectly with your coffee.", buttonIcon: Wheat,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/variety-baked-goods-sweet-indulgence-generated-by-ai_188544-23071.jpg?_wi=2", imageAlt: "Assorted pastries on a display"},
|
||
{
|
||
title: "Cozy & Inviting Space", description: "Relax in our comfortable seating areas, designed to be your perfect spot for work, meetings, or simply unwinding.", buttonIcon: Home,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg?_wi=2", imageAlt: "Cozy coffee shop interior"},
|
||
{
|
||
title: "Free High-Speed Wi-Fi", description: "Stay connected with our complimentary high-speed Wi-Fi, ideal for remote work, studying, or catching up with friends.", buttonIcon: Wifi,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hand-woman-using-digital-tablet_107420-12351.jpg", imageAlt: "Person using laptop in a coffee shop"},
|
||
]}
|
||
title="Our Signature Offerings"
|
||
description="Discover what makes our coffee shop special. Hand-picked beans, artisanal brewing methods, and a cozy ambiance await you."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials-section" data-section="testimonials-section">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Olivia Smith", handle: "@olivia.s", testimonial: "Brew Haven has the most delicious coffee and a wonderfully cozy atmosphere. It’s my go-to spot every morning!", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Olivia Smith"},
|
||
{
|
||
id: "2", name: "Ethan Jones", handle: "@ethanj", testimonial: "The baristas here are true artists! Every latte is a masterpiece, and the staff is incredibly friendly and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg", imageAlt: "Ethan Jones"},
|
||
{
|
||
id: "3", name: "Sophia Garcia", handle: "@sophia_g", testimonial: "A perfect escape! I love spending my afternoons here, enjoying a good book with an amazing cup of coffee.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg", imageAlt: "Sophia Garcia"},
|
||
{
|
||
id: "4", name: "Liam Brown", handle: "@liam_b", testimonial: "Their specialty seasonal drinks are a must-try. Always something new and exciting to discover at Brew Haven!", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-talking-smartphone-drinking-coffee-coffee-shop-terrace_839833-5210.jpg", imageAlt: "Liam Brown"},
|
||
{
|
||
id: "5", name: "Ava Wilson", handle: "@avawilson", testimonial: "Brew Haven is more than just a coffee shop; it's a community hub. Great coffee, great people, great vibes!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg", imageAlt: "Ava Wilson"},
|
||
]}
|
||
title="What Our Customers Say"
|
||
description="Hear from our beloved patrons about their favorite experiences at our coffee shop. Your happiness is our top priority."
|
||
speed={40}
|
||
topMarqueeDirection="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="product" data-section="product">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
title="Seasonal Delights & Featured Brews"
|
||
description="Discover our limited-time offerings and barista-recommended favorites, crafted to bring you unique flavors each season."
|
||
products={[
|
||
{
|
||
id: "seasonal-latte", name: "Spiced Caramel Latte", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-latte-wooden-table_23-2147893063.jpg?_wi=2", imageAlt: "Close-up of coffee latte on wooden table"},
|
||
{
|
||
id: "winter-brew", name: "Winter Spice Brew", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-with-warm-morning-light-window_1150-6544.jpg?_wi=2", imageAlt: "Hot coffee cup with warm morning light window"},
|
||
{
|
||
id: "pumpkin-spice", name: "Autumn Pumpkin Spice", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg?_wi=2", imageAlt: "Delicious cappuccino with a beautiful painting on the foam"},
|
||
{
|
||
id: "summer-coldbrew", name: "Refreshing Citrus Cold Brew", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/splash-transparent-glass-with-coffee_23-2148349579.jpg", imageAlt: "Splash in transparent glass with coffee"},
|
||
{
|
||
id: "special-croissant", name: "Almond & Berry Croissant", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-black-board_114579-88306.jpg?_wi=2", imageAlt: "Fresh croissant decorated with drop chocolate on black board."},
|
||
{
|
||
id: "vegan-muffin", name: "Vegan Oat & Banana Muffin", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-baked-products-arrangement_23-2150251769.jpg", imageAlt: "Delicious vegan baked products arrangement"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "Home", href: "/"},
|
||
{
|
||
label: "Menu", href: "/menu"},
|
||
{
|
||
label: "Gallery", href: "/gallery"},
|
||
{
|
||
label: "Location", href: "/location"},
|
||
],
|
||
},
|
||
{
|
||
title: "Our Story", items: [
|
||
{
|
||
label: "About Us", href: "/about"},
|
||
{
|
||
label: "Our Mission", href: "/about#mission"},
|
||
{
|
||
label: "Testimonials", href: "/#testimonials-section"},
|
||
],
|
||
},
|
||
{
|
||
title: "Support", items: [
|
||
{
|
||
label: "Contact Us", href: "/contact"},
|
||
{
|
||
label: "FAQ", href: "/contact#faqs-section"},
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Brew Haven. All rights reserved."
|
||
bottomRightText="Crafted with passion by Webuild."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |