Update src/app/page.tsx

Merge version_4 into main

src/app/contact-us/page.tsx

@@ -0,0 +1,87 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function ContactUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="inset"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#services" },
+              { name: "Products", id: "/#products" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/contact-us" }
+            ]}
+            brandName="Aetheria Luxuries"
+            button={{ text: "Get a Quote", href: "/contact-us" }}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{
+              variant: "radial-gradient"
+            }}
+            tag="Connect With Us"
+            title="Begin Your Journey to Luxury"
+            description="Contact us for bespoke services, personal consultations, or inquiries about our exclusive collections."
+            tagAnimation="none"
+            inputPlaceholder="Your Email Address"
+            buttonText="Send Inquiry"
+            termsText="By clicking Send Inquiry, you agree to our Privacy Policy."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Our Services", href: "/#services" },
+                  { label: "Our Portfolio", href: "/#products" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact", href: "/contact-us" },
+                  { label: "FAQs", href: "#" },
+                  { label: "Client Portal", href: "#" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Aetheria Luxuries"
+            copyrightText="© 2024 Aetheria Luxuries. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -10,8 +10,9 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { Quote } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,7 +33,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
           name: "About",          id: "#about"},
         {
@@ -42,11 +43,11 @@ export default function LandingPage() {
         {
           name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "/contact-us"},
       ]}
       brandName="Aetheria Luxuries"
       button={{
-        text: "Get a Quote",        href: "#contact"}}
+        text: "Get a Quote",        href: "/contact-us"}}
     />
   </div>
 
@@ -148,51 +149,49 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "years",          value: "30+",          title: "Years of Excellence",          items: [
-            "Pioneering luxury services",            "Unwavering commitment to quality"],
+          id: "years",          value: "30+",          title: "Decades of Legacy",          items: [
+            "Founded on tradition",            "Pioneering bespoke luxury"],
         },
         {
-          id: "clients",          value: "500+",          title: "Satisfied Global Clients",          items: [
-            "Bespoke experiences delivered",            "Discreet and personalized service"],
+          id: "clients",          value: "500+",          title: "Global Clientele",          items: [
+            "Across 5 continents",            "Exclusive and discreet network"],
         },
         {
-          id: "events",          value: "100+",          title: "Exclusive Events Hosted",          items: [
-            "Unforgettable moments crafted",            "Seamless execution and design"],
+          id: "events",          value: "100+",          title: "Curated Experiences",          items: [
+            "Signature galas & retreats",            "Unforgettable moments"],
         },
       ]}
-      title="Our Legacy in Numbers"
-      description="Celebrating milestones that define our commitment to excellence and client satisfaction over the decades."
+      title="Our Milestones in Luxury"
+      description="Decades of unparalleled service, crafting bespoke experiences for a distinguished global clientele."
       buttonAnimation="none"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardTwo
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",          name: "Isabella Rossi",          role: "Philanthropist",          company: "Rossi Holdings",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          imageAlt: "Isabella Rossi"},
+          id: "1",          name: "Isabella Rossi",          role: "Philanthropist",          testimonial: "Aetheria redefines luxury. Their private aviation service was seamless, and the attention to detail truly unparalleled. My expectations were not just met, but elegantly surpassed.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          imageAlt: "Isabella Rossi",          icon: Quote
+        },
         {
-          id: "2",          name: "Alexander Chen",          role: "Tech Innovator",          company: "Quantum Dynamics",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-339.jpg",          imageAlt: "Alexander Chen"},
+          id: "2",          name: "Alexander Chen",          role: "CEO, Innovate Global",          testimonial: "For our executive retreats, Aetheria's yacht charters are simply the best. The personalized service and exquisite settings always ensure a productive yet relaxing experience.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-339.jpg",          imageAlt: "Alexander Chen",          icon: Quote
+        },
         {
-          id: "3",          name: "Dr. Eleanor Vance",          role: "Chief Medical Officer",          company: "Vance BioSolutions",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",          imageAlt: "Dr. Eleanor Vance"},
+          id: "3",          name: "Dr. Eleanor Vance",          role: "Renowned Art Collector",          testimonial: "The estate management by Aetheria Luxuries has been invaluable. My properties are maintained to perfection, allowing me to focus on my passions without a single worry.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",          imageAlt: "Dr. Eleanor Vance",          icon: Quote
+        },
         {
-          id: "4",          name: "Marcus Thorne",          role: "Real Estate Mogul",          company: "Thorne Properties",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65932.jpg",          imageAlt: "Marcus Thorne"},
+          id: "4",          name: "Marcus Thorne",          role: "Founder, Thorne Ventures",          testimonial: "From the Elysian Chronograph to bespoke jewelry, Aetheria’s collections are exceptional. Their expertise in sourcing the finest items is truly impressive.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65932.jpg",          imageAlt: "Marcus Thorne",          icon: Quote
+        },
         {
-          id: "5",          name: "Sophia Laurent",          role: "Fashion Entrepreneur",          company: "Laurent Atelier",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-have-earned-little-relaxation_329181-20510.jpg",          imageAlt: "Sophia Laurent"},
+          id: "5",          name: "Sophia Laurent",          role: "Creative Director, Lumina Couture",          testimonial: "Aetheria has become my go-to for curating unique, high-end experiences. Their team understands discretion and delivers excellence every single time.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-have-earned-little-relaxation_329181-20510.jpg",          imageAlt: "Sophia Laurent",          icon: Quote
+        },
       ]}
-      title="Voices of Distinction"
-      description="What our esteemed clients say about their Aetheria experience, highlighting our dedication to luxury and service."
-      buttonAnimation="none"
+      title="Esteemed Voices, Unforgettable Experiences"
+      description="Hear from our distinguished clients who have experienced the pinnacle of luxury with Aetheria."
     />
   </div>
 
@@ -201,9 +200,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Hermes",        "Cartier",        "Rolls-Royce",        "Patek Philippe",        "Four Seasons",        "Christie's",        "Sotheby's"]}
-      title="Trusted by Esteemed Partners"
-      description="Our collaborations with leading brands and institutions reflect our commitment to excellence and unparalleled service."
+        "Rolls-Royce",        "Patek Philippe",        "Four Seasons",        "Christie's",        "Sotheby's",        "NetJets",        "LVMH"]}
+      title="Partnerships in Prestige"
+      description="Collaborating with the world's most iconic luxury brands to ensure unparalleled quality and access for our clients."
       tagAnimation="none"
       buttonAnimation="none"
       speed={40}
@@ -211,21 +210,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Connect With Us"
-      title="Begin Your Journey to Luxury"
-      description="Contact us for bespoke services, personal consultations, or inquiries about our exclusive collections."
-      tagAnimation="none"
-      inputPlaceholder="Your Email Address"
-      buttonText="Send Inquiry"
-      termsText="By clicking Send Inquiry, you agree to our Privacy Policy."
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
@@ -242,7 +226,7 @@ export default function LandingPage() {
         {
           title: "Support",          items: [
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact Us",              href: "/contact-us"},
             {
               label: "FAQs",              href: "#"},
             {