Bob AI: [Block: contact-center|Contact Center|/blocks/cont...

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Users, TrendingUp, Award, Star } from "lucide-react";
 import Link from "next/link";
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function HomePage() {
   return (
@@ -106,29 +106,13 @@ export default function HomePage() {
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardTwo
+      <FeatureCardSeven
-          products={[
+      features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
-            {
+      animationType="slide-up"
-              id: "1",              brand: "Beginner Track",              name: "Web Development Fundamentals",              price: "$299",              rating: 5,
-              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg",              imageAlt: "Web Development Course"
-            },
-            {
-              id: "2",              brand: "Intermediate Track",              name: "Python Programming Mastery",              price: "$399",              rating: 5,
-              reviewCount: "980",              imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg",              imageAlt: "Python Programming Course"
-            },
-            {
-              id: "3",              brand: "Advanced Track",              name: "Data Science & Machine Learning",              price: "$599",              rating: 5,
-              reviewCount: "756",              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg",              imageAlt: "Data Science Course"
-            },
-            {
-              id: "4",              brand: "Professional Track",              name: "Cybersecurity Essentials",              price: "$499",              rating: 5,
-              reviewCount: "543",              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",              imageAlt: "Cybersecurity Course"
-            }
-          ]}
       title="Featured Courses"
       description="Start your learning journey with our most popular programs"
-          gridVariant="four-items-2x2-equal-grid"
+      tag="Curriculum"
-          animationType="slide-up"
+      buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
       textboxLayout="default"
       useInvertedBackground="noInvert"
       />
@@ -150,10 +134,13 @@ export default function HomePage() {
       id: "4",              value: "4.9",              title: "/5",              description: "Average student satisfaction rating",              icon: Star
       }
       ]}
-          title="Our Impact"
+      carouselMode="auto"
-          description="Trusted by thousands of students worldwide"
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
+      title="TechAcademy Metrics"
+      description="See the impact of our courses on student success and our growing network of expert instructors."
+      tag="Metrics"
+      buttons={[{ text: "Explore Courses", label: "Explore Courses", href: "#" }, { text: "Meet Our Team", label: "Meet Our Team", href: "#" }]}
       textboxLayout="default"
       useInvertedBackground="invertDefault"
       />
@@ -188,6 +175,14 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact_center" data-section="contact_center">
+        <ContactCenter
+          tag="Label"
+          title="Reach Out to Us"
+          description="Have questions? Our dedicated team is here to assist you."
+          useInvertedBackground="noInvert"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"