251 lines
12 KiB
TypeScript
251 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, Coffee, Heart, HelpCircle, Mail, Sparkles, TrendingUp } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Big Cups Day"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Premium Beverages"
|
|
bottomRightText="hello@bigcupsday.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Experience Premium Beverages"
|
|
description="Discover our handcrafted selection of specialty drinks designed to elevate your daily ritual. From artisan coffee to organic tea, Big Cups Day brings quality and taste to every sip."
|
|
tag="Quality Craftsmanship"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v15ihp", imageAlt: "Premium specialty coffee with latte art"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kpkn8d", imageAlt: "Refreshing craft beverage presentation"
|
|
}
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aau0nv", imageAlt: "Artisan coffee preparation in café"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rv7sg9&_wi=1", imageAlt: "Expert barista crafting specialty drink"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
carouselPosition="right"
|
|
ariaLabel="Hero section featuring premium beverages"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
title="Crafted with Passion"
|
|
description="Big Cups Day was founded on the belief that every cup deserves excellence. We source the finest ingredients from sustainable suppliers and partner with master brewers to create beverages that inspire."
|
|
subdescription="Our commitment to quality extends beyond taste—we're dedicated to environmental responsibility and supporting fair-trade practices."
|
|
icon={Heart}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rv7sg9&_wi=2"
|
|
imageAlt="Dedicated barista preparing specialty beverage"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Big Cups Day section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Featured Collections"
|
|
description="Explore our most beloved beverages, each crafted to perfection and designed for those who appreciate quality."
|
|
tag="Bestsellers"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "cappuccino", name: "Signature Cappuccino", price: "$6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9uymm5", imageAlt: "Premium cappuccino with latte art"
|
|
},
|
|
{
|
|
id: "iced-latte", name: "Iced Latte", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2lz52y", imageAlt: "Refreshing cold brew iced latte"
|
|
},
|
|
{
|
|
id: "matcha", name: "Ceremonial Matcha", price: "$7.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30m5f1", imageAlt: "Organic matcha ceremonial grade latte"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Featured product collection"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Big Cups Day has become my daily ritual. The quality is unmatched and every cup is a moment of pure joy."
|
|
rating={5}
|
|
author="Emma Richardson"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9zmqqg", alt: "Emma Richardson" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3od5c6", alt: "Michael Chen" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gsmkfl", alt: "Sarah Martinez" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=07dn9q", alt: "James Wilson" }
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Customer testimonial with ratings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="By The Numbers"
|
|
description="Join thousands of customers who have made Big Cups Day their trusted choice for premium beverages."
|
|
tag="Impact"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{ id: "customers", value: "15K+", description: "Happy Customers" },
|
|
{ id: "cups", value: "250K+", description: "Cups Served" },
|
|
{ id: "years", value: "8", description: "Years of Excellence" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Business metrics section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, ordering, and delivery."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Are your ingredients organic?", content: "We source from certified organic suppliers whenever possible. Our coffee beans are fair-trade certified, and our tea is sourced from sustainable farms. We're committed to quality and environmental responsibility."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Do you offer subscription services?", content: "Yes! Our subscription service delivers fresh beverages to your door monthly. Subscribers receive 15% off and exclusive access to limited-edition flavors."
|
|
},
|
|
{
|
|
id: "faq-3", title: "What's your return policy?", content: "We stand behind the quality of our products. If you're not completely satisfied, we offer a full refund within 30 days of purchase."
|
|
},
|
|
{
|
|
id: "faq-4", title: "How do you ensure freshness?", content: "All our beverages are prepared fresh to order. We roast our coffee beans weekly and source the highest-grade ingredients to guarantee maximum freshness."
|
|
}
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Frequently asked questions section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get In Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="blur-reveal"
|
|
title="Ready to Experience Big Cups Day?"
|
|
description="Join our community of beverage enthusiasts. Contact us for wholesale inquiries, partnerships, or simply to say hello."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:hello@bigcupsday.com" },
|
|
{ text: "Shop Now", href: "#products" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={true}
|
|
ariaLabel="Contact call-to-action section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Big Cups Day"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Products", href: "#products" },
|
|
{ label: "Reviews", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Press", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Big Cups Day | Premium Beverages for Coffee Lovers"
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |