Update src/app/page.tsx

src/app/page.tsx

@@ -2,12 +2,14 @@
 
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Heart, Star, Mail } from "lucide-react";
+import { Sparkles, Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react";
+import Link from "next/link";
 
 export default function HomePage() {
   return (
@@ -29,13 +31,19 @@ export default function HomePage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Products", id: "/products" },
-            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
             { name: "FAQ", id: "/faq" }
           ]}
           button={{
             text: "Shop Now",            href: "/products"
           }}
         />
+        <nav className="hidden">
+          <Link href="/">Home</Link>
+          <Link href="/products">Products</Link>
+          <Link href="/about">About</Link>
+          <Link href="/faq">FAQ</Link>
+        </nav>
       </div>
 
       <div id="hero" data-section="hero">
@@ -64,7 +72,7 @@ export default function HomePage() {
           ]}
           buttons={[
             { text: "Explore Collection", href: "/products" },
-            { text: "Learn More", href: "/pricing" }
+            { text: "Learn More", href: "/about" }
           ]}
         />
       </div>