Merge version_4 into main

Merge version_4 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

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -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"
@@ -53,8 +53,8 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroOverlay
-      title="AuraLens"
+      <HeroBillboardScroll
+      title=""
       description="See Beyond. Experience Aura. The future, through your eyes."
       tag="Introducing a New Era"
       tagAnimation="blur-reveal"
@@ -62,24 +62,11 @@ export default function LandingPage() {
         {
           text: "Discover AuraLens",          href: "#features"},
       ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",          alt: "AI Developer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212439.jpg",          alt: "Product Designer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-good-looking-woman-with-curly-hair-winks-eye-clenches-teeth-covers-chin-with-collar-turtleneck-dressed-stylish-leather-jacket-has-playful-expression-isolated-pink-background_273609-62322.jpg",          alt: "Futurist"},
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-putting-hand-chin-looking-isolated-orange-with-copy-space_141793-76739.jpg",          alt: "Tech CEO"},
-        {
-          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}
-      textPosition="bottom"
+      background={{
+        variant: "plain"
+      }}
     />
   </div>
 
@@ -158,7 +145,7 @@ export default function LandingPage() {
         "Futurism Innovators",        "Cognito AI",        "Veridian Labs",        "Nexus Dynamics",        "Quantum Leap Ventures",        "Synapse Core",        "Plexus Innovations"]}
       title="Trusted by Innovators."
       description="Leading tech pioneers and design critics acclaim AuraLens as the next leap in personal technology."
-      showCard={false}
+      showCard={true}
     />
   </div>
 
@@ -192,8 +179,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"
@@ -224,4 +211,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}