Update src/app/products/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -35,6 +35,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Team", id: "team" },
+            { name: "Products", id: "/products" },
             { name: "Contact", id: "contact" }
           ]}
           button={{ text: "Schedule Viewing", href: "contact" }}
@@ -51,7 +52,7 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg",              imageAlt: "Luxury mansion with stunning architecture"
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg?_wi=1",              imageAlt: "Luxury mansion with stunning architecture"
             },
             {
               imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694117.jpg?_wi=1",              imageAlt: "Modern villa with contemporary design"

src/app/products/page.tsx

@@ -0,0 +1,152 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles, Home, Award, Briefcase, Users, TrendingUp, DollarSign, Phone, Star } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Luxe Properties"
+          navItems={[
+            { name: "Properties", id: "properties" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Team", id: "team" },
+            { name: "Products", id: "/products" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Schedule Viewing", href: "contact" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Our Premium Product Collection"
+          description="Discover our curated selection of luxury products and services designed to enhance your lifestyle."
+          tag="Exclusive Products"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg?_wi=2",              imageAlt: "Premium product showcase"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694117.jpg?_wi=1",              imageAlt: "Luxury collection display"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg?_wi=1",              imageAlt: "Contemporary product design"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1",              imageAlt: "Lifestyle experience"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/business-team-three-watching-presentation-pc-monitor-discussing-project-sitting-workplace-pointing-display-copy-space-business-meeting-concept_74855-11552.jpg?_wi=1",              imageAlt: "Expert consultation"
+            }
+          ]}
+          buttons={[
+            { text: "Explore Collection", href: "#pricing" },
+            { text: "Get Started", href: "#footer" }
+          ]}
+          buttonAnimation="slide-up"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          title="Our Premium Plans"
+          description="Choose the perfect plan to match your lifestyle and investment goals"
+          tag="Pricing"
+          tagIcon={DollarSign}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "starter",              title: "Starter Package",              price: "$499",              period: "/month",              imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694117.jpg?_wi=1",              imageAlt: "Starter package",              button: { text: "Get Started", href: "#" },
+              features: [
+                "Basic consultation services",                "Monthly property updates",                "Email support",                "Access to standard listings"
+              ]
+            },
+            {
+              id: "professional",              title: "Professional Plan",              price: "$999",              period: "/month",              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg?_wi=1",              imageAlt: "Professional plan",              button: { text: "Choose Plan", href: "#" },
+              features: [
+                "Dedicated agent access",                "Weekly market insights",                "Priority email & phone support",                "VIP property listings",                "Investment analysis reports"
+              ]
+            },
+            {
+              id: "premium",              title: "Premium Elite",              price: "$2,499",              period: "/month",              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1",              imageAlt: "Premium elite plan",              button: { text: "Become Elite", href: "#" },
+              features: [
+                "24/7 concierge service",                "Personal property advisor",                "Exclusive property previews",                "International portfolio access",                "Custom investment strategies",                "Annual luxury retreat access"
+              ]
+            }
+          ]}
+          buttons={[
+            { text: "View All Plans", href: "#" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Products", href: "/products" },
+                { label: "Services", href: "/#services" },
+                { label: "About", href: "/#about" }
+              ]
+            },
+            {
+              title: "Products",              items: [
+                { label: "Starter Package", href: "#pricing" },
+                { label: "Professional Plan", href: "#pricing" },
+                { label: "Premium Elite", href: "#pricing" },
+                { label: "Custom Solutions", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Luxe Properties", href: "/#about" },
+                { label: "Our Team", href: "/#team" },
+                { label: "Careers", href: "#" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Disclaimer", href: "#" },
+                { label: "Sitemap", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 Luxe Properties. All rights reserved."
+          bottomRightText="Redefining Luxury Real Estate"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}