Update src/app/page.tsx

src/app/page.tsx

@@ -1,15 +1,11 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
-import FooterSocial from '@/components/sections/footer/FooterSocial';
 import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
 import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
+import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
@@ -18,6 +14,9 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import BlogCardEleven from '@/components/sections/blog/BlogCardEleven';
 import ContactText from '@/components/sections/contact/ContactText';
 import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
+import FooterSocial from '@/components/sections/footer/FooterSocial';
 import { Heart, Star, Quote, Instagram, Facebook, MapPin, Phone, Clock, CheckCircle2, Check, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -205,22 +204,18 @@ export default function LandingPage() {
           plans={[
             {
               id: "monthly",
-              tag: "Monthly Retainer Plan",
+              badge: "Monthly Retainer Plan",
               price: "$5,000",
-              period: "/m",
-              description: "Scale design, no-code builds & copy quicker than recruiting in-house.",
-              button: { text: "Schedule a call", href: "#contact" },
-              featuresTitle: "What's Included:",
+              subtitle: "Scale design, no-code builds & copy quicker than recruiting in-house.",
+              buttons: [{ text: "Schedule a call", href: "#contact" }],
               features: ["Unlimited design requests", "48-hour turnaround", "Dedicated project manager"]
             },
             {
               id: "quarterly",
-              tag: "Quarterly Plan",
+              badge: "Quarterly Plan",
               price: "$12,000",
-              period: "/q",
-              description: "Ideal for growing teams needing consistent design support.",
-              button: { text: "Get started", href: "#contact" },
-              featuresTitle: "What's Included:",
+              subtitle: "Ideal for growing teams needing consistent design support.",
+              buttons: [{ text: "Get started", href: "#contact" }],
               features: ["Priority support", "Strategy sessions", "Brand consistency"]
             }
           ]}
@@ -237,23 +232,20 @@ export default function LandingPage() {
           metrics={[
             {
               id: "1",
-              value: "10M+",
+              icon: Star,
               title: "Organic Views",
-              description: "Growth through smart content strategy",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766917795607-6sca7wpy.jpg",
-              imageAlt: "Content creator working"
+              value: "10M+"
             },
             {
               id: "2",
-              value: "500K+",
+              icon: Heart,
               title: "New Followers",
-              description: "Engaged community members gained",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766923138738-fu9kdakz.jpg",
-              imageAlt: "Social media engagement"
+              value: "500K+"
             }
           ]}
           title="Our Impact"
           description="See the results we've delivered for our clients"
+          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           animationType="slide-up"
@@ -311,18 +303,14 @@ export default function LandingPage() {
             {
               id: "1",
               title: "New Genre Featured in Fonts in Use",
-              author: "Leon Brown",
-              description: "We have been featured in Fonts in Use for our typography choices.",
-              tags: ["Feature", "Design"],
+              items: ["Design", "Jan 15, 2025", "5 min read"],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766917795607-6sca7wpy.jpg",
               imageAlt: "Typography showcase"
             },
             {
               id: "2",
               title: "The Future of Web Design",
-              author: "Sarah Mitchell",
-              description: "Exploring emerging trends and technologies shaping the future of web design.",
-              tags: ["Trends", "Web Design"],
+              items: ["Web Design", "Jan 12, 2025", "8 min read"],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766923138738-fu9kdakz.jpg",
               imageAlt: "Web design future"
             }
@@ -377,41 +365,36 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground="noInvert"
-          showRating={true}
           testimonials={[
             {
               id: "1",
               name: "Sarah Mitchell",
-              handle: "@sarahmitchell",
+              role: "Customer",
               testimonial: "The croissants here are absolutely incredible! Perfectly buttery and fresh every single time. My go-to spot for breakfast.",
-              rating: 5,
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
               imageAlt: "Sarah Mitchell"
             },
             {
               id: "2",
               name: "James Chen",
-              handle: "@jameschen92",
+              role: "Customer",
               testimonial: "Best sourdough in town! The flavor is incredible and they use only natural ingredients. Worth every penny.",
-              rating: 5,
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
               imageAlt: "James Chen"
             },
             {
               id: "3",
               name: "Emma Rodriguez",
-              handle: "@emmarod",
+              role: "Customer",
               testimonial: "I order their birthday cakes for all my celebrations. Beautiful designs and absolutely delicious. Highly recommended!",
-              rating: 5,
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg",
               imageAlt: "Emma Rodriguez"
             },
             {
               id: "4",
               name: "David Thompson",
-              handle: "@davidthompson",
+              role: "Customer",
               testimonial: "Sweet Bakes has become my daily ritual. Their pastries are made with such care and attention to detail. Love this place!",
-              rating: 5,
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849444575-td00y2fe.jpg",
               imageAlt: "David Thompson"
             }