Update src/app/page.tsx

Merge version_2 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>
 
@@ -167,32 +168,30 @@ export default function LandingPage() {
   </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 Luxuries transformed my understanding of bespoke service. Every detail was flawlessly executed, creating an experience far beyond my expectations. Truly exceptional.",          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: "Tech Innovator",          testimonial: "The products and services from Aetheria Luxuries are simply in a league of their own. Innovation meets unparalleled quality, and their discreet approach is highly valued.",          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: "Chief Medical Officer",          testimonial: "I've consistently relied on Aetheria Luxuries for their exclusive offerings. Their commitment to excellence and personalized care makes every interaction a pleasure.",          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: "Real Estate Mogul",          testimonial: "For luxury estate management and bespoke travel, Aetheria Luxuries is my trusted partner. Their meticulous attention to detail ensures complete peace of mind.",          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: "Fashion Entrepreneur",          testimonial: "Aetheria's curated collections are unmatched. The elegance and quality are evident in every piece, truly reflecting the essence of luxury.",          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"
     />
   </div>
 
@@ -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",              href: "/contact-us"},
             {
               label: "FAQs",              href: "#"},
             {
@@ -265,4 +249,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}