Update src/app/page.tsx

src/app/page.tsx

@@ -10,15 +10,14 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Sparkles, ShoppingBag, TrendingUp, Heart, Award, Users, Star, Zap, Mail } from "lucide-react";
+import { Sparkles, ShoppingBag, TrendingUp, Heart, Award, Users, Star, Zap } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Shop", id: "shop" },
-    { name: "Collections", id: "collections" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
-    { name: "Account", id: "account" },
+    { name: "Shop", id: "products" },
+    { name: "Collections", id: "features" },
+    { name: "Reviews", id: "testimonials" },
+    { name: "Contact", id: "contact-cta" },
   ];
 
   const footerColumns = [
@@ -85,13 +84,13 @@ export default function HomePage() {
         <HeroBillboard
           title="Discover Your Style"
           description="Curated collections of premium fashion for every occasion. From everyday essentials to exclusive designs, elevate your wardrobe with StyleHub."
-          background={{ variant: "plain" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="New Arrivals"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Shop Now", href: "/shop" },
-            { text: "View Collections", href: "/shop" },
+            { text: "Shop Now", href: "/products" },
+            { text: "View Collections", href: "/features" },
           ]}
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg"
@@ -218,13 +217,15 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterBaseCard
-          logoText="StyleHub"
-          copyrightText="© 2025 StyleHub. All rights reserved."
-          columns={footerColumns}
-        />
+      <div id="contact-cta" data-section="contact-cta">
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="StyleHub"
+            copyrightText="© 2025 StyleHub. All rights reserved."
+            columns={footerColumns}
+          />
+        </div>
       </div>
     </ThemeProvider>
   );
-}
+}