Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,6 +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 TextNumberCount from '@/components/text/TextNumberCount';
 import { History, Zap, Award, Smile, Layers } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Products", id: "products" },
-        {
+        { name: "History", id: "about" },
-          name: "Products",          id: "products"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "History",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Coca-Cola"
     />
@@ -46,49 +43,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      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: "1.9B", label: "Daily Servings" },
-          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"
-      avatars={[
-        {
-          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/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/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: "Heritage" },
-          type: "text",          text: "Quality"},
+        { type: "text", text: "Iconic" },
-        {
+        { type: "text", text: "Classic" },
-          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}
@@ -107,18 +88,10 @@ export default function LandingPage() {
       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: "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: "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."
@@ -132,18 +105,10 @@ export default function LandingPage() {
       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: "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: "2",          name: "Coke Zero Sugar",          price: "Zero Sugar",          imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-30493.jpg"},
+        { id: "4", name: "Diet Coke", price: "Light", imageSrc: "http://img.b2bpic.net/free-photo/sweet-soft-drink-bottle_1339-711.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: "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"},
       ]}
       title="Our Signature Beverages"
       description="Explore the full family of refreshing Coca-Cola drinks."
@@ -156,16 +121,8 @@ export default function LandingPage() {
       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: "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: "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"},
       ]}
       title="What Fans Are Saying"
       description="Hear from our loyal fans about the magic of sharing a Coke."
@@ -176,12 +133,8 @@ export default function LandingPage() {
       <FaqSplitText
       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."},
       ]}
       sideTitle="Commonly Asked"
       sideDescription="Everything you need to know about your favorite drink."
@@ -192,8 +145,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      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."
@@ -205,10 +157,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Coca-Cola"
-      leftLink={{
+      leftLink={{ text: "Terms of Service", href: "#" }}
-        text: "Terms of Service",        href: "#"}}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{
-        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>