Merge version_1 into main #1
190
src/app/page.tsx
190
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { History } from "lucide-react";
|
||||
import { History, Zap, Award, Smile, Layers } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "History",
|
||||
id: "about",
|
||||
},
|
||||
name: "History", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Coca-Cola"
|
||||
/>
|
||||
@@ -55,71 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "135+", label: "Years Refreshing"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Countries Served",
|
||||
},
|
||||
value: "200+", label: "Countries Served"},
|
||||
{
|
||||
value: "1.9B",
|
||||
label: "Daily Servings",
|
||||
},
|
||||
value: "1.9B", label: "Daily Servings"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beer-glass_23-2148098765.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-kombucha_52683-109287.jpg",
|
||||
alt: "Fan 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-kombucha_52683-109287.jpg", alt: "Fan 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-tourist-drinking-from-thermos_23-2147813961.jpg",
|
||||
alt: "Fan 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-tourist-drinking-from-thermos_23-2147813961.jpg", alt: "Fan 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
alt: "Fan 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Fan 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-woman-having-guarana-drink-outdoors_23-2150765625.jpg",
|
||||
alt: "Fan 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-woman-having-guarana-drink-outdoors_23-2150765625.jpg", alt: "Fan 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girls-holding-soda-bottles_23-2148720184.jpg",
|
||||
alt: "Fan 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girls-holding-soda-bottles_23-2148720184.jpg", alt: "Fan 5"},
|
||||
]}
|
||||
avatarText="Loved by millions worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Refreshment",
|
||||
},
|
||||
type: "text", text: "Refreshment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality",
|
||||
},
|
||||
type: "text", text: "Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heritage",
|
||||
},
|
||||
type: "text", text: "Heritage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Iconic",
|
||||
},
|
||||
type: "text", text: "Iconic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic",
|
||||
},
|
||||
type: "text", text: "Classic"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,28 +108,16 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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?"
|
||||
@@ -180,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Coke",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juice-bottle_1339-1645.jpg",
|
||||
},
|
||||
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: "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: "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",
|
||||
},
|
||||
id: "4", name: "Diet Coke", price: "Light", imageSrc: "http://img.b2bpic.net/free-photo/sweet-soft-drink-bottle_1339-711.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vanilla Coke",
|
||||
price: "Flavor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-fruit-juices-black-background_23-2148227508.jpg",
|
||||
},
|
||||
id: "5", name: "Vanilla Coke", price: "Flavor", imageSrc: "http://img.b2bpic.net/free-photo/assortment-fruit-juices-black-background_23-2148227508.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lime Coke",
|
||||
price: "Flavor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-orange-green-juice-bottles_140725-99673.jpg",
|
||||
},
|
||||
id: "6", name: "Lime Coke", price: "Flavor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-orange-green-juice-bottles_140725-99673.jpg"},
|
||||
]}
|
||||
title="Our Signature Beverages"
|
||||
description="Explore the full family of refreshing Coca-Cola drinks."
|
||||
@@ -228,40 +157,15 @@ export default function LandingPage() {
|
||||
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: "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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Coca-Cola is a tradition in our family. Always there for celebrations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
id: "3", name: "John D.", handle: "@johnd", testimonial: "Coca-Cola is a tradition in our family. Always there for celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "The refreshing taste is consistent every time. Simply the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-woman-having-guarana-drink-outdoors_23-2150765625.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah K.", handle: "@sarahk", testimonial: "The refreshing taste is consistent every time. Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-woman-having-guarana-drink-outdoors_23-2150765625.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
handle: "@chrisb",
|
||||
testimonial: "Sharing a bottle with friends makes every moment special.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girls-holding-soda-bottles_23-2148720184.jpg",
|
||||
},
|
||||
id: "5", name: "Chris B.", handle: "@chrisb", testimonial: "Sharing a bottle with friends makes every moment special.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girls-holding-soda-bottles_23-2148720184.jpg"},
|
||||
]}
|
||||
title="What Fans Are Saying"
|
||||
description="Hear from our loyal fans about the magic of sharing a Coke."
|
||||
@@ -273,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are there different sizes available?",
|
||||
content: "Yes, from individual cans to family-sized bottles.",
|
||||
},
|
||||
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.",
|
||||
},
|
||||
id: "f2", title: "Where can I buy Coca-Cola?", content: "Available in most grocery stores and retailers worldwide."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What's the best way to serve?",
|
||||
content: "Ice-cold is recommended for the best refreshing experience.",
|
||||
},
|
||||
id: "f3", title: "What's the best way to serve?", content: "Ice-cold is recommended for the best refreshing experience."},
|
||||
]}
|
||||
sideTitle="Commonly Asked"
|
||||
sideDescription="Everything you need to know about your favorite drink."
|
||||
@@ -298,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Our Circle"
|
||||
title="Stay Refreshed"
|
||||
description="Sign up for news, offers, and more from the Coca-Cola family."
|
||||
@@ -312,13 +206,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Coca-Cola"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user