diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index dfeb695..ca8e46a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -21,9 +21,9 @@ export default function RootLayout({
         <ServiceWrapper>
           {children}
         </ServiceWrapper>
-        <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/Draggable.min.js"></script>
+        <script async src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"></script>
+        <script async src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"></script>
+        <script async src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/Draggable.min.js"></script>
       
         <script
           dangerouslySetInnerHTML={{
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 359a394..97f6815 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,239 +1,198 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Award, Users, Check, Clock, Phone, TrendingUp, Zap, Shield } from 'lucide-react';
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Mail, Phone, Zap } from "lucide-react";
 
-export default function LandingPage() {
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="compact"
-      sizing="mediumLargeSizeMediumTitles"
-      background="noise"
-      cardStyle="outline"
-      primaryButtonStyle="primary-glow"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="extrabold"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
-          brandName="ProFlow Plumbing"
           navItems={[
+            { name: "Home", id: "/" },
             { name: "Services", id: "services" },
-            { name: "Why Us", id: "why-us" },
+            { name: "About", id: "why-us" },
             { name: "Projects", id: "projects" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
           ]}
+          className=""
+          brandName="ProFlow"
+          button={{ text: "Get Started", href: "contact" }}
+          buttonClassName=""
+          buttonTextClassName=""
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroLogoBillboardSplit
           logoText="ProFlow"
-          description="Professional plumbing solutions for residential and commercial properties. Expert repairs, installations, and maintenance delivered with integrity and care."
-          background={{ variant: "radial-gradient" }}
+          description="Professional plumbing solutions for your home and business"
+          background={{ variant: "plain" }}
           buttons={[
-            { text: "Get Free Estimate", href: "#contact" },
-            { text: "Emergency Service", href: "tel:1-800-PROFLOW" }
+            { text: "Book Service", href: "contact" },
+            { text: "Learn More", href: "services" },
           ]}
           layoutOrder="default"
-          imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg"
-          imageAlt="Professional plumber at work"
-          frameStyle="card"
-          mediaAnimation="slide-up"
-          buttonAnimation="opacity"
+          mediaAnimation="none"
+          imageSrc="/placeholders/placeholder1.webp"
+          imageAlt="Professional plumbing services"
         />
       </div>
 
       <div id="services" data-section="services">
         <FeatureCardSeven
-          title="Our Plumbing Services"
-          description="From routine maintenance to complex installations, we handle all your plumbing needs with professional expertise and quality workmanship."
-          tag="Services"
           features={[
             {
               id: 1,
-              title: "Emergency Repairs",              description: "24/7 emergency plumbing services to handle burst pipes, leaks, and other urgent issues. Fast response times and expert solutions.",              imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg?_wi=1"
-            },
+              title: "Emergency Repairs",              description: "Available 24/7 for urgent plumbing issues",              imageSrc: "/placeholders/placeholder2.webp",              imageAlt: "Emergency repair service"},
             {
               id: 2,
-              title: "Drain Cleaning & Maintenance",              description: "Professional drain cleaning, unclogging, and preventative maintenance to keep your plumbing system flowing smoothly year-round.",              imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg?_wi=2"
-            },
+              title: "Installation Services",              description: "Professional installation of pipes and fixtures",              imageSrc: "/placeholders/placeholder3.webp",              imageAlt: "Installation service"},
             {
               id: 3,
-              title: "Water Heater Services",              description: "Installation, repair, and maintenance of water heaters. We service all brands and types including tankless and traditional systems.",              imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg"
-            },
-            {
-              id: 4,
-              title: "Pipe Installation & Repair",              description: "Expert installation and repair of all types of pipes including copper, PVC, PEX, and more. Built to last and code compliant.",              imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg"
-            }
+              title: "Maintenance Plans",              description: "Regular maintenance to prevent future issues",              imageSrc: "/placeholders/placeholder4.webp",              imageAlt: "Maintenance service"},
           ]}
+          title="Our Services"
+          description="Comprehensive plumbing solutions tailored to your needs"
           textboxLayout="default"
-          animationType="blur-reveal"
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="why-us" data-section="why-us">
         <MediaAbout
-          title="Why Choose ProFlow"
-          description="With over 20 years of experience, certified technicians, and a commitment to customer satisfaction, we're your trusted plumbing partner."
-          tag="About Us"
-          imageSrc="http://img.b2bpic.net/free-photo/young-manual-worker-presenting-new-business-strategy-company-managers-his-colleagues-factory_637285-4142.jpg"
-          imageAlt="Our professional plumbing team"
-          buttons={[
-            { text: "Schedule Appointment", href: "#contact" }
-          ]}
-          useInvertedBackground={true}
+          title="Why Choose ProFlow?"
+          description="With over 20 years of experience, we've earned the trust of thousands of satisfied customers across the region. Our team of certified plumbers is committed to delivering exceptional service."
+          imageSrc="/placeholders/placeholder5.webp"
+          imageAlt="Professional plumbing team"
+          useInvertedBackground={false}
+          buttons={[{ text: "Learn More", href: "#" }]}
         />
       </div>
 
       <div id="projects" data-section="projects">
         <ProductCardTwo
-          title="Recent Projects"
-          description="View our latest residential and commercial plumbing installations and repairs."
-          tag="Portfolio"
+          title="Featured Projects"
+          description="Showcase of our recent plumbing installations and repairs"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             {
-              id: "project-1",              brand: "Residential",              name: "Complete Bathroom Remodel",              price: "$4,500",              rating: 5,
-              reviewCount: "12",              imageSrc: "http://img.b2bpic.net/free-photo/tidy-bathroom-with-shiny-tiles_1203-1501.jpg"
-            },
+              id: "1",              brand: "Residential",              name: "Kitchen Renovation",              price: "$2,500",              rating: 5,
+              reviewCount: "12",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Kitchen renovation project"},
             {
-              id: "project-2",              brand: "Commercial",              name: "Office Building Pipe Replacement",              price: "$12,000",              rating: 5,
-              reviewCount: "8",              imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-136.jpg"
-            },
+              id: "2",              brand: "Commercial",              name: "Office Building Plumbing",              price: "$15,000",              rating: 5,
+              reviewCount: "8",              imageSrc: "/placeholders/placeholder2.webp",              imageAlt: "Commercial plumbing project"},
             {
-              id: "project-3",              brand: "Residential",              name: "Water Heater Upgrade",              price: "$2,800",              rating: 5,
-              reviewCount: "15",              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg"
-            }
+              id: "3",              brand: "Residential",              name: "Bathroom Remodel",              price: "$3,200",              rating: 4,
+              reviewCount: "15",              imageSrc: "/placeholders/placeholder3.webp",              imageAlt: "Bathroom remodel project"},
           ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
-          title="What Our Customers Say"
-          description="Trusted by hundreds of satisfied homeowners and business owners throughout the region."
-          tag="Testimonials"
           testimonials={[
             {
-              id: "1",              name: "Margaret Johnson",              handle: "@margaret_j",              testimonial: "ProFlow responded to our emergency in under an hour. Professional, courteous, and the work was done right. Highly recommend!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-laptop_23-2150384888.jpg"
-            },
+              id: "1",              name: "John Smith",              handle: "Homeowner",              testimonial: "ProFlow fixed our burst pipe quickly and professionally. Highly recommend!",              rating: 5,
+              imageSrc: "/placeholders/placeholder4.webp",              imageAlt: "John Smith"},
             {
-              id: "2",              name: "David Chen",              handle: "@dchen2024",              testimonial: "Best plumbers in the area. Fair pricing, quality work, and they cleaned up after themselves. Will definitely use them again.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-cooperating-with-his-colleague-while-working-office_637285-8943.jpg"
-            },
+              id: "2",              name: "Sarah Johnson",              handle: "Business Owner",              testimonial: "Their maintenance plan has saved us thousands in potential repairs.",              rating: 5,
+              imageSrc: "/placeholders/placeholder5.webp",              imageAlt: "Sarah Johnson"},
             {
-              id: "3",              name: "Sandra Martinez",              handle: "@smartinez_home",              testimonial: "Had a complex pipe issue and they diagnosed it perfectly. Honest about costs and delivered exactly what they promised.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-cafe-owner-girl-barista-apron-making-cappuccino-latte-art-with-steamed-milk_1258-203389.jpg"
-            },
-            {
-              id: "4",              name: "Robert Williams",              handle: "@rwilliams78",              testimonial: "Been using ProFlow for 5 years now. Consistent quality, reliable scheduling, and always professional. My go-to plumber.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"
-            },
-            {
-              id: "5",              name: "Jessica Lopez",              handle: "@jlopez_homes",              testimonial: "Emergency call at midnight for a burst pipe. They answered, came quickly, and fixed it permanently. True professionals.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-enchanting-woman-with-blue-eyes-tanned-skin-pretty-european-girl-posing-with-charming-smile-wooden-wall_197531-9115.jpg"
-            },
-            {
-              id: "6",              name: "Michael Torres",              handle: "@mtorres_property",              testimonial: "Commercial client here. ProFlow has been reliable, professional, and efficient. Highly recommend for business properties.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19803.jpg"
-            }
+              id: "3",              name: "Mike Chen",              handle: "Property Manager",              testimonial: "Reliable, professional, and always on time. Our go-to plumber.",              rating: 5,
+              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Mike Chen"},
           ]}
-          showRating={true}
+          title="What Our Customers Say"
+          description="Real feedback from satisfied clients"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
+          showRating={true}
         />
       </div>
 
       <div id="metrics" data-section="metrics">
         <MetricCardThree
-          title="Our Track Record"
-          description="Proven expertise and customer satisfaction in every project we undertake."
-          tag="Metrics"
           metrics={[
-            { id: "1", icon: Award, title: "Years Experience", value: "20+" },
-            { id: "2", icon: Users, title: "Happy Customers", value: "3,500+" },
-            { id: "3", icon: Check, title: "Projects Completed", value: "8,000+" },
-            { id: "4", icon: Clock, title: "Avg Response Time", value: "45 mins" }
+            {
+              id: "1",              icon: Zap,
+              title: "Fast Response",              value: "30 min"},
+            {
+              id: "2",              icon: Phone,
+              title: "Customer Support",              value: "24/7"},
+            {
+              id: "3",              icon: Mail,
+              title: "Satisfied Clients",              value: "1000+"},
           ]}
+          title="By The Numbers"
+          description="Our commitment to excellence"
           textboxLayout="default"
-          animationType="scale-rotate"
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="faq" data-section="faq">
         <FaqSplitMedia
-          title="Frequently Asked Questions"
-          description="Find answers to common plumbing questions and service inquiries."
-          tag="FAQ"
           faqs={[
             {
-              id: "1",              title: "Do you offer emergency plumbing services?",              content: "Yes! We offer 24/7 emergency plumbing services for burst pipes, major leaks, and other urgent issues. Call us anytime for immediate assistance."
-            },
+              id: "1",              title: "What areas do you service?",              content: "We serve the entire metropolitan area and surrounding regions within a 30-mile radius."},
             {
-              id: "2",              title: "What areas do you service?",              content: "We proudly serve the entire metropolitan area and surrounding communities within a 30-mile radius. Contact us to confirm service to your location."
-            },
+              id: "2",              title: "Do you offer emergency services?",              content: "Yes, we offer 24/7 emergency plumbing services. Call our emergency hotline anytime."},
             {
-              id: "3",              title: "Are your technicians licensed and insured?",              content: "Absolutely. All our technicians are fully licensed, insured, and background-checked. We stand behind our work with comprehensive warranties."
-            },
-            {
-              id: "4",              title: "How much do plumbing services cost?",              content: "Pricing depends on the scope of work. We offer free in-home estimates so you know exactly what to expect before we start any work."
-            },
-            {
-              id: "5",              title: "Do you offer maintenance plans?",              content: "Yes! Our preventative maintenance plans help keep your plumbing system in top condition and can save you money on emergency repairs."
-            }
+              id: "3",              title: "What payment methods do you accept?",              content: "We accept cash, checks, credit cards, and digital payment methods. Financing options are available."},
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/corporate-woman-making-phone-calls-answering-mobile-smiling-talking-client-having_1258-194748.jpg"
-          imageAlt="Customer support representative"
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our services"
           textboxLayout="default"
-          animationType="smooth"
-          faqsAnimation="blur-reveal"
           mediaAnimation="none"
+          faqsAnimation="slide-up"
+          imageSrc="/placeholders/placeholder2.webp"
+          imageAlt="FAQ section"
+          mediaPosition="right"
           useInvertedBackground={false}
-          mediaPosition="left"
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactFaq
-          ctaTitle="Ready to Get Started?"
-          ctaDescription="Contact ProFlow today for a free estimate or to schedule your plumbing service."
-          ctaButton={{ text: "Call Now: 1-800-PROFLOW", href: "tel:1-800-7736356" }}
-          ctaIcon={Phone}
           faqs={[
             {
-              id: "1",              title: "How can I schedule a service?",              content: "Call us at 1-800-PROFLOW, fill out our online contact form, or text us for availability. We'll find a time that works for you."
-            },
+              id: "1",              title: "How do I schedule a service?",              content: "Call us or use our online booking system. We'll confirm your appointment within 24 hours."},
             {
-              id: "2",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, checks, and digital payment methods. We also offer financing options for larger projects."
-            },
-            {
-              id: "3",              title: "Is there a service call fee?",              content: "We charge a modest diagnostic fee that is waived if you proceed with our recommended services. Emergency calls have different rates."
-            }
+              id: "2",              title: "What's included in your maintenance plan?",              content: "Our plans include regular inspections, preventive maintenance, and priority service scheduling."},
           ]}
+          ctaTitle="Ready to Get Started?"
+          ctaDescription="Contact us today for a free estimate or emergency service"
+          ctaButton={{ text: "Schedule Now", href: "#" }}
+          ctaIcon={Phone}
           animationType="slide-up"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -243,39 +202,17 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Emergency Service", href: "tel:1-800-7736356" },
-                { label: "Schedule Appointment", href: "#contact" },
-                { label: "Get Free Estimate", href: "#contact" }
-              ]
+                { label: "About Us", href: "#" },
+                { label: "Services", href: "#" },
+                { label: "Contact", href: "#" },
+              ],
             },
             {
               items: [
-                { label: "Residential Services", href: "#services" },
-                { label: "Commercial Services", href: "#services" },
-                { label: "Maintenance Plans", href: "#services" }
-              ]
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+              ],
             },
-            {
-              items: [
-                { label: "About Us", href: "#why-us" },
-                { label: "Our Projects", href: "#projects" },
-                { label: "Testimonials", href: "#testimonials" }
-              ]
-            },
-            {
-              items: [
-                { label: "FAQ", href: "#faq" },
-                { label: "Contact", href: "#contact" },
-                { label: "Privacy Policy", href: "#" }
-              ]
-            },
-            {
-              items: [
-                { label: "Licensed & Insured", href: "#" },
-                { label: "24/7 Available", href: "tel:1-800-7736356" },
-                { label: "Satisfaction Guaranteed", href: "#" }
-              ]
-            }
           ]}
         />
       </div>