Update src/app/page.tsx

Merge version_3 into main

src/app/contact/page.tsx

@@ -0,0 +1,103 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Rosania Digital"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "#about" },
+            { name: "Services", id: "#services" },
+            { name: "Testimonials", id: "#testimonials" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Start Your Project",            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get In Touch"
+          description="Let's discuss your project and how I can help bring your vision to life."
+          useInvertedBackground={false}
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Your Email",              required: true
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: false
+            }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell me about your project...",            rows: 6,
+            required: true
+          }}
+          buttonText="Send Message"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=1"
+          imageAlt="Contact us workspace"
+          onSubmit={(data) => {
+            console.log("Form submitted:", data);
+          }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=2"
+          imageAlt="Rosania Digital footer"
+          logoText="Rosania Digital"
+          copyrightText="© 2025 Rosania Digital. All rights reserved."
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Website Design", href: "/#services" },
+                { label: "Development", href: "/#services" },
+                { label: "SEO Optimization", href: "/#services" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "/#about" },
+                { label: "Testimonials", href: "/#testimonials" },
+                { label: "FAQ", href: "/#faq" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Get Started", href: "/contact" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,10 +31,11 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" }
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Start Your Project",            href: "#contact"
+            text: "Start Your Project",            href: "/contact"
           }}
         />
       </div>
@@ -46,11 +47,10 @@ export default function LandingPage() {
           tag="Professional Web Design"
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your Website", href: "#contact" },
-            { text: "See My Work", href: "#services" }
+            { text: "Get Started Today", href: "/contact" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=1"
           imageAlt="Modern web design workspace"
           showBlur={true}
           showDimOverlay={false}
@@ -64,7 +64,7 @@ export default function LandingPage() {
             "Hi, I'm the founder of Rosania Digital, and I specialize in creating beautiful, functional websites for local businesses. With a deep passion for web design and digital strategy, I help entrepreneurs and small business owners establish a strong online presence.",            "Every project I take on is treated with the same care and attention to detail. I believe in creating websites that don't just look great—they work great too. From initial concept to final launch, I'm committed to delivering results that exceed expectations and drive real business growth."
           ]}
           buttons={[
-            { text: "Let's Work Together", href: "#contact" }
+            { text: "Let's Work Together", href: "/contact" }
           ]}
           useInvertedBackground={false}
           showBorder={false}
@@ -170,7 +170,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=2"
           imageAlt="Rosania Digital footer"
           logoText="Rosania Digital"
           copyrightText="© 2025 Rosania Digital. All rights reserved."
@@ -191,7 +191,7 @@ export default function LandingPage() {
             },
             {
               title: "Connect",              items: [
-                { label: "Get Started", href: "#contact" },
+                { label: "Get Started", href: "/contact" },
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" }
               ]