167 lines
7.7 KiB
TypeScript
167 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextNumberCount from '@/components/text/TextNumberCount';
|
|
import { History, Zap, Award, Smile, Layers } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "History", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Coca-Cola"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Taste the Feeling"
|
|
description="Experience the crisp, refreshing taste of Coca-Cola, the world's most iconic beverage that brings people together with every sip."
|
|
kpis={[
|
|
{ value: "135+", label: "Years Refreshing" },
|
|
{ value: "200+", label: "Countries Served" },
|
|
{ value: "1.9B", label: "Daily Servings" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beer-glass_23-2148098765.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatarText="Loved by millions worldwide"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Refreshment" },
|
|
{ type: "text", text: "Quality" },
|
|
{ type: "text", text: "Heritage" },
|
|
{ type: "text", text: "Iconic" },
|
|
{ type: "text", text: "Classic" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="counter" data-section="counter" className="py-12 flex flex-col items-center justify-center bg-card">
|
|
<h3 className="text-lg font-medium mb-4">Website Visitors</h3>
|
|
<TextNumberCount value={125000} startFrom={1} duration={3} className="text-4xl font-bold" />
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Heritage"
|
|
title="A Timeless Refreshment"
|
|
description="Since 1886, Coca-Cola has defined the standard for soft drinks. From our roots in Atlanta to global recognition, our commitment to quality remains the heart of everything we do."
|
|
subdescription="We are dedicated to bringing happiness, one bottle at a time, across every generation."
|
|
icon={History}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199556.jpg"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Crisp Refreshment", description: "The perfect balance of carbonation and secret flavor.", imageSrc: "http://img.b2bpic.net/free-photo/ice-cola-glass_1339-6224.jpg", buttonIcon: Zap },
|
|
{ title: "Iconic Quality", description: "Consistently delicious in every single bottle.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg", buttonIcon: Award },
|
|
{ title: "Global Moments", description: "The center of celebrations across the world.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-holding-sangria-drinks_23-2149426410.jpg", buttonIcon: Smile },
|
|
{ title: "Diverse Options", description: "From Classic to Zero Sugar, something for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/natural-smoothies-table_23-2148527351.jpg", buttonIcon: Layers },
|
|
]}
|
|
title="Why Choose Coca-Cola?"
|
|
description="Discover the refreshing qualities that make Coca-Cola the preferred choice for millions worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Classic Coke", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/juice-bottle_1339-1645.jpg" },
|
|
{ id: "2", name: "Coke Zero Sugar", price: "Zero Sugar", imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-30493.jpg" },
|
|
{ id: "3", name: "Cherry Coke", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/side-view-small-sour-red-cornel-berries-bucket-wooden-kitchen-board-with-cornel-berry-juice-blackthorn-grey-wooden-background_141793-49526.jpg" },
|
|
{ id: "4", name: "Diet Coke", price: "Light", imageSrc: "http://img.b2bpic.net/free-photo/sweet-soft-drink-bottle_1339-711.jpg" },
|
|
]}
|
|
title="Our Signature Beverages"
|
|
description="Explore the full family of refreshing Coca-Cola drinks."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alex R.", handle: "@alexr", testimonial: "Nothing beats an ice-cold Coke on a hot summer day. Pure bliss!", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-kombucha_52683-109287.jpg" },
|
|
{ id: "2", name: "Maya S.", handle: "@mayas", testimonial: "I love the variety, especially the Zero Sugar option. Perfect choice.", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-drinking-from-thermos_23-2147813961.jpg" },
|
|
]}
|
|
title="What Fans Are Saying"
|
|
description="Hear from our loyal fans about the magic of sharing a Coke."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Are there different sizes available?", content: "Yes, from individual cans to family-sized bottles." },
|
|
{ id: "f2", title: "Where can I buy Coca-Cola?", content: "Available in most grocery stores and retailers worldwide." },
|
|
]}
|
|
sideTitle="Commonly Asked"
|
|
sideDescription="Everything you need to know about your favorite drink."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Join Our Circle"
|
|
title="Stay Refreshed"
|
|
description="Sign up for news, offers, and more from the Coca-Cola family."
|
|
imageSrc="http://img.b2bpic.net/free-photo/cold-can-stands-against-red-droplets-hinting-frosty-touch_91128-4494.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Coca-Cola"
|
|
leftLink={{ text: "Terms of Service", href: "#" }}
|
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |