Update src/app/page.tsx

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 
 export default function LandingPage() {
   return (
@@ -30,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Services", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LocalPro"
     />
@@ -45,39 +42,21 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Professional Local Services You Can Trust"
       description="Providing top-tier service to our local community with reliability, expertise, and a focus on complete customer satisfaction."
       kpis={[
-        {
-          value: "10+",          label: "Years Experience"},
-        {
-          value: "2k+",          label: "Happy Clients"},
-        {
-          value: "5/5",          label: "Avg Rating"},
+        { value: "10+", label: "Years Experience" },
+        { value: "2k+", label: "Happy Clients" },
+        { value: "5/5", label: "Avg Rating" },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg",          alt: "Side view plus-size people working in construction"},
-        {
-          src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg",          alt: "Building and construction workers on the site"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-man-talking-cellphone-construction-site_23-2148204026.jpg",          alt: "Smiling young man talking on cellphone at construction site"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-male-electrician-pointing-with-hard-hat-equipment-street_23-2148087640.jpg",          alt: "Portrait of smiling male electrician pointing with hard hat and equipment on street"},
-        {
-          src: "http://img.b2bpic.net/free-photo/leader-designers_1098-14751.jpg",          alt: "Leader of designers"},
-      ]}
-      marqueeItems={[
-        { type: "text", text: "Licensed & Insured" },
-        { type: "text", text: "24/7 Availability" },
-        { type: "text", text: "Family Owned" },
-        { type: "text", text: "Eco-Friendly Practices" },
-        { type: "text", text: "Satisfaction Guaranteed" },
+        { src: "http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg", alt: "Side view plus-size people working in construction" },
+        { src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg", alt: "Building and construction workers on the site" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-young-man-talking-cellphone-construction-site_23-2148204026.jpg", alt: "Smiling young man talking on cellphone at construction site" },
       ]}
     />
   </div>
@@ -99,18 +78,8 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Prompt Scheduling",          description: "Get your service scheduled within 24 hours of inquiry.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/chat-conversation-communication-concept_53876-124388.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutritional-counter-app-concept_23-2149880602.jpg" }
-        },
-        {
-          title: "Expert Workmanship",          description: "Our team is highly trained, certified, and fully insured.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-sister-call-screen_169016-43657.jpg" }
-        },
-        {
-          title: "Transparent Pricing",          description: "No hidden fees, upfront estimates, and guaranteed satisfaction.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-christmas-sale-close-up_169016-43488.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg" }
-        }
+        { title: "Prompt Scheduling", description: "Get your service scheduled within 24 hours of inquiry.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/chat-conversation-communication-concept_53876-124388.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutritional-counter-app-concept_23-2149880602.jpg" } },
+        { title: "Expert Workmanship", description: "Our team is highly trained, certified, and fully insured.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-sister-call-screen_169016-43657.jpg" } },
       ]}
       showStepNumbers={true}
       title="Reliable Services Tailored for You"
@@ -126,7 +95,6 @@ export default function LandingPage() {
       metrics={[
         { id: "m1", value: "98%", title: "Satisfaction Rate", items: ["Consistent 5-star reviews", "Reliable support"] },
         { id: "m2", value: "1500", title: "Successful Jobs", items: ["Completed projects", "Community impact"] },
-        { id: "m3", value: "24h", title: "Avg Response Time", items: ["Swift communication", "Quick dispatch"] },
       ]}
       title="Results You Can Count On"
       description="Our metrics reflect our dedication to the quality of our service and the trust our neighbors place in us."
@@ -137,12 +105,12 @@ export default function LandingPage() {
       <TestimonialCardTwo
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
       title="What Our Community Says"
       description="Trusted service from neighbors you can count on."
       testimonials={[
         { id: "t1", name: "Alice Jenkins", role: "Homeowner", testimonial: "Excellent service, very reliable and quick!" },
         { id: "t2", name: "Robert Miller", role: "Small Business", testimonial: "Professional work and great communication throughout." },
-        { id: "t3", name: "Sarah Douglas", role: "Property Manager", testimonial: "Consistently high standards for every job done." },
       ]}
     />
   </div>
@@ -151,44 +119,56 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="default"
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
       title="Common Questions"
       description="Find quick answers to your questions about our service business."
       faqs={[
         { id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide completely free and no-obligation estimates." },
-        { id: "f2", title: "Are you insured?", content: "Yes, we carry full liability insurance." },
-        { id: "f3", title: "What areas do you serve?", content: "We serve the greater metropolitan area and surrounding neighborhoods." },
+        { id: "f2", title: "What are your hours?", content: "We operate Monday to Friday, 8am to 6pm, and weekends by appointment." },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      tag="Let's Get Started"
-      title="Book Your Service Today"
-      description="Click the button below to reach out or leave your details."
-      buttonText="Call Now"
-      onSubmit={() => alert("Booking requested!")}
+      tag="Inquiries & Location"
+      title="Contact Us"
+      description="Have questions or need a service? Reach out through our contact form below, or visit our office. Our team is here to help."
+      onSubmit={(email) => alert("Inquiry received for " + email)}
+      useInvertedBackground={false}
+      background={{ variant: "gradient-bars" }}
     />
   </div>
+  
+  <div id="blog" data-section="blog">
+      <BlogCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Recent Promotions & News"
+      description="Stay updated with our latest offers and local service news."
+      blogs={[
+          { id: "b1", category: "Promotions", title: "15% Off Your First Booking", excerpt: "Book your first service this month and save big!", imageSrc: "https://img.b2bpic.net/free-photo/discount-concept-with-yellow-background_23-2148464301.jpg", authorName: "LocalPro Team", authorAvatar: "", date: "Oct 24, 2024" }
+      ]}
+      />
+  </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg"
+      <FooterBaseCard
       logoText="LocalPro Service"
       columns={[
         { 
-          title: "Quick Links", 
+          title: "Contact Info", 
           items: [
-            { label: "Home", href: "/" }, 
-            { label: "Services", href: "#features" }, 
-            { label: "Contact", href: "#contact" }
+            { label: "Call Now: (555) 123-4567", href: "tel:5551234567" }, 
+            { label: "Visit Us: 123 Maple St, City", href: "https://maps.google.com" }
           ] 
         },
         { 
           title: "Company", 
           items: [
-            { label: "Privacy Policy", href: "#" }, 
-            { label: "Terms of Service", href: "#" }
+            { label: "Home", href: "/" },
+            { label: "Privacy Policy", href: "#" } 
           ] 
         }
       ]}