Update src/app/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Vision",                id: "/#vision"},
+              {
+                name: "Features",                id: "/#features"},
+              {
+                name: "Craftsmanship",                id: "/#craftsmanship"},
+              {
+                name: "Partners",                id: "/#partners"},
+              {
+                name: "Reviews",                id: "/#reviews"},
+              {
+                name: "Contact Us",                id: "/contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
+            logoAlt="AuraLens Logo"
+            brandName="AuraLens"
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"
+            }}
+            tag="Get in Touch"
+            title="We'd Love to Hear From You"
+            description="Have a question, feedback, or need support? Fill out the form below and our team will get back to you promptly."
+            tagAnimation="blur-reveal"
+            imageSrc="http://img.b2bpic.net/free-photo/young-man-with-wireless-earbuds-using-tablet-street_23-2148411985.jpg?_wi=1"
+            imageAlt="Person using a tablet"
+            mediaAnimation="blur-reveal"
+            mediaPosition="right"
+            inputPlaceholder="Your Email Address"
+            buttonText="Send Message"
+            termsText="By clicking 'Send Message', you agree to our Privacy Policy."
+          />
+        </div>
+
+        <div id="contact-info" data-section="contact-info">
+          <ContactText
+            background={{
+              variant: "plain"
+            }}
+            useInvertedBackground={true}
+            text="You can also reach us directly:\n\nEmail: info@auralens.com\nPhone: +1 (555) 123-4567\nAddress: 123 Aura Blvd, Future City, FC 90210"
+            animationType="entrance-slide"
+            buttons={[
+              {
+                text: "View on Map",                href: "https://maps.google.com/?q=123+Aura+Blvd", // Example map link
+              },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
+            logoAlt="AuraLens Logo"
+            logoText="AuraLens"
+            copyrightText="© 2024 AuraLens. All rights reserved."
+            socialLinks={[
+              {
+                icon: Twitter,
+                href: "https://twitter.com/AuraLens",                ariaLabel: "Twitter"
+              },
+              {
+                icon: Instagram,
+                href: "https://instagram.com/AuraLens",                ariaLabel: "Instagram"
+              },
+              {
+                icon: Linkedin,
+                href: "https://linkedin.com/company/AuraLens",                ariaLabel: "LinkedIn"
+              },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,19 +32,19 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
-          name: "Vision",          id: "#vision"},
+          name: "Vision",          id: "/#vision"},
         {
-          name: "Features",          id: "#features"},
+          name: "Features",          id: "/#features"},
         {
-          name: "Craftsmanship",          id: "#craftsmanship"},
+          name: "Craftsmanship",          id: "/#craftsmanship"},
         {
-          name: "Partners",          id: "#partners"},
+          name: "Partners",          id: "/#partners"},
         {
-          name: "Reviews",          id: "#reviews"},
+          name: "Reviews",          id: "/#reviews"},
         {
-          name: "Pre-Order",          id: "#contact"},
+          name: "Contact Us",          id: "/contact"},
       ]}
       logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
       logoAlt="AuraLens Logo"
@@ -54,7 +54,7 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroOverlay
-      title="AuraLens"
+      title=""
       description="See Beyond. Experience Aura. The future, through your eyes."
       tag="Introducing a New Era"
       tagAnimation="blur-reveal"
@@ -75,7 +75,7 @@ export default function LandingPage() {
           src: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg",          alt: "Senior man using laptop and tablet in same time"},
       ]}
       avatarText="Join the Visionaries"
-      imageSrc="http://img.b2bpic.net/free-photo/woman-virtual-reality-glasses-smart-technology_53876-97056.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/woman-virtual-reality-glasses-smart-technology_53876-97056.jpg?_wi=1"
       imageAlt="AuraLens Smart Glasses floating dramatically"
       showDimOverlay={true}
       showBlur={true}
@@ -192,8 +192,8 @@ export default function LandingPage() {
       title="Pre-Order Your AuraLens Today"
       description="Join the exclusive waiting list for AuraLens to receive launch offers, early access, and groundbreaking updates directly to your inbox."
       tagAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/broccoli-silhouette-isolated-black_171337-11068.jpg"
-      imageAlt="Abstract radial gradient background for contact form"
+      imageSrc="http://img.b2bpic.net/free-photo/woman-virtual-reality-glasses-smart-technology_53876-97056.jpg?_wi=2"
+      imageAlt="AuraLens Smart Glasses"
       mediaAnimation="blur-reveal"
       mediaPosition="right"
       inputPlaceholder="Enter your email"