Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -28,26 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Collection", id: "products" },
-          id: "hero",
+        { name: "Features", id: "features" },
-        },
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Arvind Store"
     />
@@ -55,18 +40,11 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       logoText="Arvind Store"
       description="Premium denim and essential wear tailored for the modern individual."
-      buttons={[
+      buttons={[{ text: "Shop Now", href: "#products" }]}
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/woman-wearing-black-dress-high-angle_23-2149884567.jpg?w=1200&h=800&fit=crop"
-          text: "Shop Now",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-wearing-black-dress-high-angle_23-2149884567.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -78,24 +56,9 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Classic Denim", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1293.jpg?w=800&h=800&fit=crop" },
-          id: "1",
+        { id: "2", name: "Essential Tee", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/sad-tired-brunette-woman-looking-drained-unamused-standing-with-pokerface-against-beige-back_1258-128787.jpg?w=800&h=800&fit=crop" },
-          name: "Classic Denim",
+        { id: "3", name: "Casual Shirt", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4808.jpg?w=800&h=800&fit=crop" },
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1293.jpg",
-        },
-        {
-          id: "2",
-          name: "Essential Tee",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/sad-tired-brunette-woman-looking-drained-unamused-standing-with-pokerface-against-beige-back_1258-128787.jpg",
-        },
-        {
-          id: "3",
-          name: "Casual Shirt",
-          price: "$59",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4808.jpg",
-        },
       ]}
       title="Our Collection"
       description="Hand-picked essentials designed for comfort and durability."
@@ -109,24 +72,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Premium Fabric", description: "High-grade cotton and denim.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-material-cloth_23-2148383616.jpg?w=800&h=600&fit=crop" },
-          id: "f1",
+        { id: "f2", title: "Superior Fit", description: "Crafted for comfort.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thread-reels-with-buttons_23-2148528004.jpg?w=800&h=600&fit=crop" },
-          title: "Premium Fabric",
+        { id: "f3", title: "Modern Style", description: "Timeless designs for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-retail-store_1203-8728.jpg?w=800&h=600&fit=crop" },
-          description: "High-grade cotton and denim.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-material-cloth_23-2148383616.jpg",
-        },
-        {
-          id: "f2",
-          title: "Superior Fit",
-          description: "Crafted for comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thread-reels-with-buttons_23-2148528004.jpg",
-        },
-        {
-          id: "f3",
-          title: "Modern Style",
-          description: "Timeless designs for everyone.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-retail-store_1203-8728.jpg",
-        },
       ]}
       title="Why Arvind?"
       description="Commitment to quality in every stitch."
@@ -139,60 +87,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Rahul Verma", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=1&w=400&h=400&fit=crop" },
-          id: "t1",
+        { id: "t2", name: "Anita Gupta", role: "Architect", company: "Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-curly-hairstyle-expressing-happiness-elegant-woman-summer-clothes-smiling_197531-25857.jpg?w=400&h=400&fit=crop" },
-          name: "Rahul Verma",
+        { id: "t3", name: "Amit Shah", role: "Manager", company: "Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-walking-outside-summer-streets_1303-28910.jpg?w=400&h=400&fit=crop" },
-          role: "Designer",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Anita Gupta",
-          role: "Architect",
-          company: "Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-curly-hairstyle-expressing-happiness-elegant-woman-summer-clothes-smiling_197531-25857.jpg",
-        },
-        {
-          id: "t3",
-          name: "Amit Shah",
-          role: "Manager",
-          company: "Firm",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-walking-outside-summer-streets_1303-28910.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sita Rao",
-          role: "Artist",
-          company: "Gallery",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-suit-walks_1321-1139.jpg",
-        },
-        {
-          id: "t5",
-          name: "Vikram Singh",
-          role: "Executive",
-          company: "Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=2",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "10K+", label: "Happy Clients" },
-          value: "10K+",
+        { value: "5/5", label: "Avg Rating" },
-          label: "Happy Clients",
+        { value: "20", label: "Stores" },
-        },
-        {
-          value: "5/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "20",
-          label: "Stores",
-        },
       ]}
       title="What Our Clients Say"
       description="Voices from our community."
@@ -202,35 +104,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Contact Us"
       title="Visit Our Store"
       description="Come experience the quality firsthand or reach out to our team."
-      buttons={[
+      buttons={[{ text: "Email Us", href: "mailto:hello@thearvindstore.com" }]}
-        {
-          text: "Email Us",
-          href: "mailto:hello@thearvindstore.com",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Arvind Store"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "© 2024 Arvind Store", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Arvind Store",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}