diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c2b5be..bed9a27 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -9,55 +9,166 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Scissors, Star, Package, Award, MessageCircle, HelpCircle } from 'lucide-react';
+import { Sparkles, Star, TrendingUp, Users, MessageSquare, HelpCircle } from 'lucide-react';
 
-export default function LandingPage() {
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "services" },
+  { name: "Shop", id: "shop" },
+  { name: "Contact", id: "faq" }
+];
+
+const heroCarouselItems = [
+  { id: "1", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product showcase 1" },
+  { id: "2", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product showcase 2" },
+  { id: "3", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product showcase 3" },
+  { id: "4", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product showcase 4" },
+  { id: "5", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product showcase 5" },
+  { id: "6", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product showcase 6" }
+];
+
+const serviceFeatures = [
+  {
+    id: "1",    title: "Web Design Excellence",    author: "Design Team",    description: "Beautiful and responsive web design that captures your brand essence and engages your audience.",    tags: ["Design", "Web"],
+    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Web design showcase"
+  },
+  {
+    id: "2",    title: "Development Innovation",    author: "Dev Team",    description: "Cutting-edge development solutions using modern technologies and best practices.",    tags: ["Development", "Tech"],
+    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Development showcase"
+  },
+  {
+    id: "3",    title: "Performance Optimization",    author: "Tech Lead",    description: "Lightning-fast websites optimized for search engines and user experience.",    tags: ["Performance", "SEO"],
+    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Performance metrics"
+  }
+];
+
+const products = [
+  {
+    id: "1",    name: "Premium Web Package",    price: "$999",    variant: "Full Service Website",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Web package"
+  },
+  {
+    id: "2",    name: "E-commerce Solution",    price: "$1,499",    variant: "Complete Store Setup",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "E-commerce solution"
+  },
+  {
+    id: "3",    name: "Mobile App Development",    price: "$2,499",    variant: "iOS & Android Apps",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Mobile app"
+  },
+  {
+    id: "4",    name: "Enterprise Solution",    price: "$4,999",    variant: "Custom Integration",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Enterprise package"
+  }
+];
+
+const metrics = [
+  { id: "1", value: "500+", description: "Projects Completed" },
+  { id: "2", value: "98%", description: "Client Satisfaction" },
+  { id: "3", value: "10+", description: "Years Experience" },
+  { id: "4", value: "50+", description: "Team Members" }
+];
+
+const testimonials = [
+  {
+    id: "1",    name: "Sarah Johnson",    handle: "@sarahj",    testimonial: "Exceptional service and amazing results. Our website traffic increased by 300%.",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Sarah Johnson"
+  },
+  {
+    id: "2",    name: "Michael Chen",    handle: "@mchen",    testimonial: "Professional team that delivered beyond expectations. Highly recommended!",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Michael Chen"
+  },
+  {
+    id: "3",    name: "Emma Davis",    handle: "@emmadev",    testimonial: "The quality of work and attention to detail is outstanding. Worth every penny.",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Emma Davis"
+  },
+  {
+    id: "4",    name: "Alex Rodriguez",    handle: "@alexr",    testimonial: "Transformed our digital presence completely. Amazing communication throughout.",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Alex Rodriguez"
+  },
+  {
+    id: "5",    name: "Jessica Lee",    handle: "@jessicadev",    testimonial: "Best investment we made for our business. Team is incredibly talented.",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Jessica Lee"
+  },
+  {
+    id: "6",    name: "David Wilson",    handle: "@davidwilson",    testimonial: "Delivered on time, on budget, and exceeded all expectations. Perfect!",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "David Wilson"
+  },
+  {
+    id: "7",    name: "Lisa Anderson",    handle: "@lisatech",    testimonial: "Professionalism and expertise at its finest. Would work with them again.",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "Lisa Anderson"
+  },
+  {
+    id: "8",    name: "James Martinez",    handle: "@jmartinez",    testimonial: "Outstanding support and maintenance. Truly partner in our success.",    imageSrc: "/placeholders/placeholder1.webp",    imageAlt: "James Martinez"
+  }
+];
+
+const faqs = [
+  {
+    id: "1",    title: "What services do you offer?",    content: "We offer comprehensive web design, development, mobile app creation, and digital strategy services tailored to your business needs."
+  },
+  {
+    id: "2",    title: "How long does a project typically take?",    content: "Project timelines vary based on complexity. Simple websites take 4-6 weeks, while complex applications may take 3-6 months."
+  },
+  {
+    id: "3",    title: "Do you provide ongoing support?",    content: "Yes, we offer maintenance, support, and hosting services for all our projects. We ensure your site runs smoothly."
+  },
+  {
+    id: "4",    title: "What is your pricing model?",    content: "We offer flexible pricing based on project scope. We provide custom quotes after understanding your requirements."
+  }
+];
+
+const footerColumns = [
+  {
+    title: "Services",    items: [
+      { label: "Web Design", href: "#services" },
+      { label: "Development", href: "#services" },
+      { label: "Mobile Apps", href: "#services" }
+    ]
+  },
+  {
+    title: "Company",    items: [
+      { label: "About Us", href: "/" },
+      { label: "Our Team", href: "/" },
+      { label: "Careers", href: "/" }
+    ]
+  },
+  {
+    title: "Resources",    items: [
+      { label: "Blog", href: "/" },
+      { label: "Documentation", href: "/" },
+      { label: "Support", href: "#faq" }
+    ]
+  }
+];
+
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="pill"
-      contentWidth="smallMedium"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
       sizing="medium"
-      background="fluid"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="diagonal-gradient"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="fabyblendz"
-          navItems={[
-            { name: "Services", id: "services" },
-            { name: "Shop", id: "shop" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" }
-          ]}
-          button={{ text: "Book Now", href: "#booking" }}
+          navItems={navItems}
+          brandName="Webild"
+          button={{
+            text: "Get Started",            href: "#shop"
+          }}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
-          title="Premium Barber Experience at fabyblendz"
-          description="Elevate your grooming game with our expert barber services. From classic fades to modern cuts, we deliver precision, style, and confidence in every cut."
-          tag="Expert Barbers"
-          tagIcon={Scissors}
+          title="Transform Your Digital Presence"
+          description="Experience the power of seamless web design and development solutions crafted for modern businesses"
           background={{ variant: "plain" }}
+          tag="New Release"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
           buttons={[
-            { text: "Book Appointment", href: "#booking" },
-            { text: "Explore Shop", href: "#shop" }
-          ]}
-          carouselItems={[
-            { id: "cut-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-haircut-salon_23-2149220568.jpg", imageAlt: "Classic fade haircut" },
-            { id: "cut-2", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", imageAlt: "Modern textured cut" },
-            { id: "cut-3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-elite-barbershop-he-gets-facial-hair-care-from-female_613910-15176.jpg", imageAlt: "Premium fade style" },
-            { id: "cut-4", imageSrc: "http://img.b2bpic.net/free-psd/barber-template-design_23-2151527906.jpg", imageAlt: "Detailed line work" },
-            { id: "cut-5", imageSrc: "http://img.b2bpic.net/free-photo/fashion-hipster-male-model-smoking_158595-822.jpg", imageAlt: "Classic pompadour" },
-            { id: "cut-6", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face-looking-away_23-2148784405.jpg", imageAlt: "Modern undercut" }
+            { text: "Get Started", href: "#shop" },
+            { text: "Learn More", href: "#services" }
           ]}
+          buttonAnimation="slide-up"
+          carouselItems={heroCarouselItems}
           autoPlay={true}
           autoPlayInterval={4000}
         />
@@ -65,83 +176,45 @@ export default function LandingPage() {
 
       <div id="services" data-section="services">
         <FeatureCardTwentyFour
-          title="Our Signature Services"
-          description="Comprehensive barber services designed to enhance your personal style and confidence"
-          tag="Premium Services"
-          tagIcon={Star}
-          features={[
-            {
-              id: "fade",              title: "Classic Fade Cuts",              author: "fabyblendz Team",              description: "Precision fades with sharp lines and perfect blends. From low to high fades, we master every style.",              tags: ["Popular", "Precision"],
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-customer-looking-up_23-2148256859.jpg",              imageAlt: "Classic fade demonstration"
-            },
-            {
-              id: "styling",              title: "Premium Styling & Grooming",              author: "fabyblendz Team",              description: "Expert styling services including beard grooming, line-ups, and personalized grooming consultations.",              tags: ["Expert", "Grooming"],
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",              imageAlt: "Premium styling service"
-            },
-            {
-              id: "design",              title: "Custom Hair Design",              author: "fabyblendz Team",              description: "Creative custom designs and patterns that express your individuality and personal style.",              tags: ["Creative", "Custom"],
-              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-grooming-man-salon_23-2147737017.jpg",              imageAlt: "Custom hair design"
-            },
-            {
-              id: "color",              title: "Hair Coloring Services",              author: "fabyblendz Team",              description: "Professional hair coloring and highlights to complement your cut and enhance your look.",              tags: ["Trending", "Professional"],
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-having-his-beard-groomed-close-up_23-2148353416.jpg",              imageAlt: "Hair coloring service"
-            }
-          ]}
+          features={serviceFeatures}
           animationType="slide-up"
+          title="Our Services"
+          description="Comprehensive solutions designed to elevate your digital presence and drive results"
+          tag="What We Offer"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          buttons={[{ text: "Explore All", href: "#shop" }]}
+          buttonAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Services", href: "#booking" }]}
         />
       </div>
 
       <div id="shop" data-section="shop">
         <ProductCardFour
-          title="Premium Barber Shop Merch"
-          description="Quality grooming products and branded merchandise for the discerning gentleman"
-          tag="Shop Now"
-          tagIcon={Package}
-          products={[
-            {
-              id: "pomade-pro",              name: "fabyblendz Pro Pomade",              price: "$24.99",              variant: "Strong Hold - Multiple Scents",              imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263437.jpg",              imageAlt: "fabyblendz Pro Pomade"
-            },
-            {
-              id: "beard-oil",              name: "Signature Beard Oil",              price: "$18.99",              variant: "100ml - Conditioning Formula",              imageSrc: "http://img.b2bpic.net/free-photo/man-using-natural-oils-his-face_23-2148883824.jpg",              imageAlt: "Signature Beard Oil"
-            },
-            {
-              id: "brush-set",              name: "Premium Brush Collection",              price: "$32.99",              variant: "3-Piece Set - Professional Grade",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326579.jpg",              imageAlt: "Premium Brush Collection"
-            },
-            {
-              id: "tshirt",              name: "fabyblendz Branded T-Shirt",              price: "$29.99",              variant: "Black - S to XL Available",              imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52024.jpg",              imageAlt: "fabyblendz T-Shirt"
-            },
-            {
-              id: "razor",              name: "Professional Straight Razor",              price: "$45.99",              variant: "Stainless Steel - Premium",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confused-man-with-shaving-foam_171337-3013.jpg",              imageAlt: "Professional Straight Razor"
-            },
-            {
-              id: "cologne",              name: "fabyblendz Cologne",              price: "$39.99",              variant: "50ml - Signature Scent",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-globe-fir-tree_23-2148332703.jpg",              imageAlt: "fabyblendz Cologne"
-            }
-          ]}
+          products={products}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
+          title="Our Packages"
+          description="Choose the perfect plan for your business needs"
+          tag="Pricing"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[{ text: "Browse All Products", href: "#" }]}
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="booking" data-section="booking">
         <MetricCardTwo
-          title="Why Choose fabyblendz"
-          description="Industry-leading expertise and customer satisfaction"
-          tag="Proven Excellence"
-          tagIcon={Award}
-          metrics={[
-            { id: "clients", value: "5000+", description: "Satisfied Clients" },
-            { id: "experience", value: "15+ yrs", description: "Combined Experience" },
-            { id: "rating", value: "4.9/5", description: "Customer Rating" },
-            { id: "styles", value: "50+", description: "Signature Styles" }
-          ]}
+          metrics={metrics}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
+          title="Why Choose Us"
+          description="Proven track record of delivering exceptional results"
+          tag="By The Numbers"
+          tagIcon={Users}
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
         />
@@ -149,110 +222,45 @@ export default function LandingPage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
+          testimonials={testimonials}
+          animationType="slide-up"
           title="What Our Clients Say"
-          description="Real feedback from satisfied customers who trust fabyblendz for their grooming needs"
-          tag="Client Reviews"
-          tagIcon={MessageCircle}
+          description="Hear from satisfied customers who have transformed their business with us"
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
-          testimonials={[
-            {
-              id: "1",              name: "Marcus Johnson",              handle: "@mjstyle",              testimonial: "fabyblendz gives me the sharpest cuts in the city. The attention to detail is incredible. I won't go anywhere else.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man_23-2148479524.jpg",              imageAlt: "Marcus Johnson"
-            },
-            {
-              id: "2",              name: "David Chen",              handle: "@davidgroomed",              testimonial: "Best barber experience I've had. Professional, clean environment, and the barbers really know their craft.",              imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-something-laughing-out-pointing-with-index-finger-something-someone-standing-brown-background_141793-133931.jpg",              imageAlt: "David Chen"
-            },
-            {
-              id: "3",              name: "James Rodriguez",              handle: "@jamesbarber",              testimonial: "Always on point with my fade. The team at fabyblendz sets the standard for quality barbering.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg",              imageAlt: "James Rodriguez"
-            },
-            {
-              id: "4",              name: "Andre Thompson",              handle: "@athompson92",              testimonial: "Five stars every time. The products they sell are just as good as their service. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Andre Thompson"
-            },
-            {
-              id: "5",              name: "Tyler Brown",              handle: "@tylerstyle",              testimonial: "fabyblendz transformed my look. Expert barbers who listen and deliver exactly what you're looking for.",              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",              imageAlt: "Tyler Brown"
-            },
-            {
-              id: "6",              name: "Chris Williams",              handle: "@chrisgrooming",              testimonial: "Booking an appointment with fabyblendz was the best decision. Quality, professionalism, and style all in one.",              imageSrc: "http://img.b2bpic.net/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageAlt: "Chris Williams"
-            }
-          ]}
+          tag="Success Stories"
+          tagIcon={MessageSquare}
+          tagAnimation="slide-up"
           speed={40}
+          topMarqueeDirection="left"
         />
       </div>
 
       <div id="faq" data-section="faq">
         <FaqBase
+          faqs={faqs}
           title="Frequently Asked Questions"
-          description="Everything you need to know about our services, booking, and products"
-          tag="Support"
+          description="Find answers to common questions about our services and process"
+          tag="Help & Support"
           tagIcon={HelpCircle}
-          faqs={[
-            {
-              id: "1",              title: "How do I book an appointment?",              content: "You can book an appointment through our website using the Book Now button, call us directly, or visit us in person. We typically have availability within 48 hours and accept both walk-ins and appointments."
-            },
-            {
-              id: "2",              title: "What are your operating hours?",              content: "We're open Monday-Friday from 9 AM to 7 PM, Saturday from 9 AM to 6 PM, and Sunday from 11 AM to 5 PM. Holiday hours may vary, so please check our social media for updates."
-            },
-            {
-              id: "3",              title: "Do you offer walk-in services?",              content: "Yes! Walk-ins are always welcome. However, we recommend booking in advance to minimize wait times, especially during weekends and evenings."
-            },
-            {
-              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payment methods including Apple Pay and Google Pay."
-            },
-            {
-              id: "5",              title: "How much do haircuts cost?",              content: "Standard haircuts start at $25. Premium services like fades, designs, and color treatments range from $30-$50. Beard grooming and special requests are priced individually."
-            },
-            {
-              id: "6",              title: "Are your products available online?",              content: "Yes! Browse our complete product selection on this website. We ship nationwide with free shipping on orders over $50. Products typically arrive within 3-5 business days."
-            }
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={true}
+          tagAnimation="slide-up"
+          buttons={[{ text: "Contact Support", href: "#footer" }]}
+          buttonAnimation="slide-up"
           faqsAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           animationType="smooth"
+          showCard={true}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseCard
-          logoText="fabyblendz"
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Haircuts", href: "#services" },
-                { label: "Beard Grooming", href: "#services" },
-                { label: "Hair Design", href: "#services" },
-                { label: "Coloring", href: "#services" }
-              ]
-            },
-            {
-              title: "Shop",              items: [
-                { label: "Pomades", href: "#shop" },
-                { label: "Oils & Serums", href: "#shop" },
-                { label: "Brushes", href: "#shop" },
-                { label: "Merchandise", href: "#shop" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#" },
-                { label: "Contact", href: "#" },
-                { label: "Book Appointment", href: "#booking" },
-                { label: "Gift Cards", href: "#" }
-              ]
-            },
-            {
-              title: "Follow",              items: [
-                { label: "Instagram", href: "https://instagram.com/fabyblendz" },
-                { label: "TikTok", href: "https://tiktok.com" },
-                { label: "Twitter", href: "https://twitter.com" },
-                { label: "Facebook", href: "https://facebook.com" }
-              ]
-            }
-          ]}
-          copyrightText="© 2025 fabyblendz. All rights reserved."
+          logoText="Webild"
+          columns={footerColumns}
+          copyrightText="© 2025 | Webild. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file