Update src/app/page.tsx

Merge version_5 into main

src/app/contact/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Github, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AM Agency"
+          navItems={[
+            { name: "Work", id: "/" },
+            { name: "Process", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{ text: "Get Started", href: "/contact" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get in Touch"
+          description="We'd love to hear from you. Send us a message and let's start discussing your project."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your project...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773397105044-5mg78kxj.png"
+          imageAlt="Contact us to start your project"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => {
+            console.log("Form data:", data);
+          }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="   AM Agency "
+          copyrightText="© 2026 AM Agency. All rights reserved."
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com/company/creativestudio", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com/creativestudio", ariaLabel: "Twitter" },
+            { icon: Instagram, href: "https://instagram.com/creativestudio", ariaLabel: "Instagram" },
+            { icon: Github, href: "https://github.com/creativestudio", ariaLabel: "GitHub" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -5,7 +5,6 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import ContactText from "@/components/sections/contact/ContactText";
@@ -33,33 +32,33 @@ export default function LandingPage() {
             { name: "Work", id: "features" },
             { name: "Process", id: "process" },
             { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Crafting Digital Experiences That Inspire"
+          title="Crafting Modern & Luxurious Webiste for Business"
           description="We design and build extraordinary digital products for ambitious brands. Transform your vision into reality with our expertise in web design, development, and creative strategy."
           background={{ variant: "glowing-orb" }}
           kpis={[
-            { value: "250+", label: "Projects Delivered" },
-            { value: "15+", label: "Years Experience" },
+            { value: "25+ ", label: "Projects Delivered" },
+            { value: "100%", label: "Focused on Client Needs" },
             { value: "98%", label: "Client Satisfaction" }
           ]}
           enableKpiAnimation={true}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-modern-creative-studio-workspace-with--1773394805437-eefa660c.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773396641155-y1d3vcet.png"
           imageAlt="Creative studio workspace and design process"
           mediaAnimation="slide-up"
           buttons={[
             { text: "Explore Our Work", href: "#features" },
-            { text: "Let's Talk", href: "#contact" }
+            { text: "Let's Talk", href: "/contact" }
           ]}
           buttonAnimation="slide-up"
-          tag="Award-Winning Agency"
+          tag="Highly Dedicated Agency"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
         />
@@ -72,10 +71,6 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           title="We transform complex ideas into intuitive, beautiful digital solutions that drive real business results"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Learn Our Story", href: "#" },
-            { text: "View Case Studies", href: "#" }
-          ]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -106,26 +101,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          title="Our Impact by Numbers"
-          description="Results that speak for themselves. We measure success by the growth and satisfaction of our clients."
-          tag="Success Metrics"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "1", value: "250", title: "Projects", description: "Successfully delivered across all industries", icon: Briefcase },
-            { id: "2", value: "98", title: "% Satisfaction", description: "Client satisfaction and retention rate", icon: Heart },
-            { id: "3", value: "45M", title: "Users Reached", description: "Combined reach of our digital solutions", icon: Users },
-            { id: "4", value: "15", title: "Years Active", description: "Proven expertise and industry leadership", icon: Award }
-          ]}
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
           title="What Our Clients Say"
@@ -240,8 +215,8 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Start a Project", href: "#" },
-            { text: "Schedule a Call", href: "#" }
+            { text: "Get Your Free Consultation", href: "/contact" },
+            { text: "Schedule a Call", href: "/contact" }
           ]}
         />
       </div>