Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,8 +5,8 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -31,59 +31,23 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Insights",          id: "insights"},
-        {
-          name: "About Us",          id: "about"},
-        {
-          name: "Contact Sales",          id: "contact"},
-        {
-          name: "Join Us",          id: "join"},
-        {
-          name: "Buy Property",          id: "buy"},
+        { name: "Home", id: "hero" },
+        { name: "Insights", id: "insights" },
+        { name: "About Us", id: "about" },
+        { name: "Contact Sales", id: "contact" },
+        { name: "Join Us", id: "join" },
+        { name: "Buy Property", id: "buy" },
       ]}
       brandName="RELEVATE"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars"}}
+      <HeroBillboard
+      background={{ variant: "gradient-bars" }}
       title="Redefining Luxury Real Estate"
-      description="Premium property investment and acquisition services for the modern enterprise. Try a search or connect today."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",          alt: "Founder"},
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg",          alt: "Executive"},
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3863.jpg",          alt: "Strategist"},
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",          alt: "Director"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          alt: "Lead Advisor"},
-      ]}
-      buttons={[
-        {
-          text: "Contact Sales",          href: "#contact"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Market Leadership"},
-        {
-          type: "text-icon",          text: "Global Reach",          icon: Globe,
-        },
-        {
-          type: "text",          text: "Exclusive Listings"},
-        {
-          type: "text-icon",          text: "High ROI",          icon: TrendingUp,
-        },
-        {
-          type: "text",          text: "Secure Investment"},
-      ]}
+      description="Premium property investment and acquisition services for the modern enterprise. Experience unparalleled market insights."
+      buttons={[{ text: "Contact Sales", href: "#contact" }]}
     />
   </div>
 
@@ -94,18 +58,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Azure Towers",          price: "$2.5M",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317794.jpg"},
-        {
-          id: "p2",          name: "Skyline Heights",          price: "$1.8M",          imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg"},
-        {
-          id: "p3",          name: "Emerald Estate",          price: "$3.2M",          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821317.jpg"},
-        {
-          id: "p4",          name: "Vantage Point",          price: "$1.2M",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg"},
-        {
-          id: "p5",          name: "Urban Core",          price: "$4.5M",          imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050255.jpg"},
-        {
-          id: "p6",          name: "Grand Arch",          price: "$2.9M",          imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg"},
+        { id: "p1", name: "Azure Towers", price: "$2.5M", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317794.jpg" },
+        { id: "p2", name: "Skyline Heights", price: "$1.8M", imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg" },
+        { id: "p3", name: "Emerald Estate", price: "$3.2M", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821317.jpg" },
+        { id: "p4", name: "Vantage Point", price: "$1.2M", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg" },
+        { id: "p5", name: "Urban Core", price: "$4.5M", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050255.jpg" },
+        { id: "p6", name: "Grand Arch", price: "$2.9M", imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg" },
       ]}
       title="Featured Projects"
       description="Discover our curated collection of architectural marvels."
@@ -116,8 +74,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="split"
       useInvertedBackground={true}
-      names={[
-        "Apex",        "BuildCorp",        "Century",        "DesignWay",        "EquityHub",        "FutureLand",        "GlobalArch"]}
+      names={["Apex", "BuildCorp", "Century", "DesignWay", "EquityHub", "FutureLand", "GlobalArch"]}
       title="Our Strategic Partners"
       description="Collaborating with industry leaders to deliver superior value."
     />
@@ -129,12 +86,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "Unit 402 - 5% Off",          subtitle: "Last 2 remaining",          category: "Urgent",          value: "Limited"},
-        {
-          id: "f2",          title: "Commercial Space",          subtitle: "Immediate possession",          category: "Hot",          value: "New"},
-        {
-          id: "f3",          title: "Pre-Launch Deal",          subtitle: "Early bird pricing",          category: "Exclusive",          value: "Limited"},
+        { id: "f1", title: "Unit 402 - 5% Off", subtitle: "Last 2 remaining", category: "Urgent", value: "Limited" },
+        { id: "f2", title: "Commercial Space", subtitle: "Immediate possession", category: "Hot", value: "New" },
+        { id: "f3", title: "Pre-Launch Deal", subtitle: "Early bird pricing", category: "Exclusive", value: "Limited" },
       ]}
       title="Live Market Ads"
       description="Real-time urgency for active properties."
@@ -148,15 +102,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "150+",          title: "Properties Sold",          description: "Successfully completed",          icon: Award,
-        },
-        {
-          id: "m2",          value: "12+",          title: "Years Experience",          description: "Market leadership",          icon: Shield,
-        },
-        {
-          id: "m3",          value: "98%",          title: "Client Retention",          description: "High trust rating",          icon: Star,
-        },
+        { id: "m1", value: "150+", title: "Properties Sold", description: "Successfully completed", icon: Award },
+        { id: "m2", value: "12+", title: "Years Experience", description: "Market leadership", icon: Shield },
+        { id: "m3", value: "98%", title: "Client Retention", description: "High trust rating", icon: Star },
       ]}
       title="Proven Excellence"
       description="Commitment to transparency and long-term asset growth."
@@ -170,12 +118,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Market Insights"
       blogs={[
-        {
-          id: "b1",          category: "Trend",          title: "Real Estate Outlook 2025",          excerpt: "Deep dive into market dynamics.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-minimalist-fireplace-sofa_23-2148238607.jpg",          authorName: "CEO",          authorAvatar: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg",          date: "Oct 12"},
-        {
-          id: "b2",          category: "Report",          title: "Bangalore Office Space",          excerpt: "Key trends and analysis.",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg",          authorName: "Head of Sales",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",          date: "Oct 10"},
-        {
-          id: "b3",          category: "Advice",          title: "Investment Strategy",          excerpt: "How we manage assets.",          imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6674.jpg",          authorName: "Director",          authorAvatar: "http://img.b2bpic.net/free-photo/happy-senior-person-listening-music_23-2149114918.jpg",          date: "Oct 08"},
+        { id: "b1", category: "Trend", title: "Real Estate Outlook 2025", excerpt: "Deep dive into market dynamics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-minimalist-fireplace-sofa_23-2148238607.jpg", authorName: "CEO", authorAvatar: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg", date: "Oct 12" },
+        { id: "b2", category: "Report", title: "Bangalore Office Space", excerpt: "Key trends and analysis.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg", authorName: "Head of Sales", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg", date: "Oct 10" },
+        { id: "b3", category: "Advice", title: "Investment Strategy", excerpt: "How we manage assets.", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6674.jpg", authorName: "Director", authorAvatar: "http://img.b2bpic.net/free-photo/happy-senior-person-listening-music_23-2149114918.jpg", date: "Oct 08" },
       ]}
       description="Stay ahead with expert industry analysis and strategies."
     />
@@ -186,58 +131,26 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="About RELEVATE"
       metrics={[
-        {
-          icon: Shield,
-          label: "Business Strategy",          value: "USPs"},
-        {
-          icon: Award,
-          label: "Join Our Team",          value: "Careers"},
-        {
-          icon: Star,
-          label: "Founder Message",          value: "Vision"},
+        { icon: Shield, label: "Business Strategy", value: "USPs" },
+        { icon: Award, label: "Join Our Team", value: "Careers" },
+        { icon: Star, label: "Founder Message", value: "Vision" },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Join Us",              href: "/join"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Cookies",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "LinkedIn",              href: "#"},
-            {
-              label: "Instagram",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterMedia
       logoText="RELEVATE"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-interior-living-room_23-2149110196.jpg"
+      columns={[
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Insights", href: "/insights" }, { label: "Join Us", href: "/join" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Cookies", href: "#" }, { label: "Terms", href: "#" }] },
+        { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}