Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,8 +10,9 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,7 +34,7 @@ export default function LandingPage() {
       navItems={[
         { name: "About", id: "about" },
         { name: "Services", id: "services" },
-        { name: "Portfolio", id: "portfolio" },
+        { name: "Reviews", id: "reviews" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="EliteDesign"
@@ -88,32 +89,28 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        { id: "s1", label: "Design", title: "Corporate UI/UX", items: ["Design Systems", "Conversion Strategy", "User Journey Mapping"] },
-        { id: "s2", label: "Development", title: "High-End Code", items: ["Next.js Performance", "Robust Architecture", "Responsive Systems"] },
-        { id: "s3", label: "Strategy", title: "Brand Identity", items: ["Positioning", "Visual Guidelines", "Art Direction"] }
+        { id: "s1", label: "Design", title: "Corporate UI/UX", items: ["Design Systems", "Conversion Strategy", "User Journey Mapping"], buttons: [{ text: "Learn More", href: "#" }] },
+        { id: "s2", label: "Development", title: "High-End Code", items: ["Next.js Performance", "Robust Architecture", "Responsive Systems"], buttons: [{ text: "Learn More", href: "#" }] },
+        { id: "s3", label: "Strategy", title: "Brand Identity", items: ["Positioning", "Visual Guidelines", "Art Direction"], buttons: [{ text: "Learn More", href: "#" }] }
       ]}
       title="Core Design Expertise"
       description="Comprehensive design solutions tailored to scale your enterprise business efficiently."
     />
   </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
+  <div id="reviews" data-section="reviews">
+      <TestimonialCardTwelve
+      cardAnimation="blur-reveal"
       useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Global FinTech Hub", price: "Featured", variant: "Corporate", imageSrc: "http://img.b2bpic.net/free-photo/business-associates-meeting-using-isolated-chroma-key-display_482257-122860.jpg?_wi=2" },
-        { id: "p2", name: "Eco SaaS Platform", price: "Featured", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2" },
-        { id: "p3", name: "Luxury Retail Web", price: "Featured", variant: "E-Comm", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=2" },
-        { id: "p4", name: "AI Analytics Portal", price: "Featured", variant: "Product", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277809.jpg" },
-        { id: "p5", name: "Healthcare Provider UI", price: "Featured", variant: "B2B", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
-        { id: "p6", name: "Creative Agency Site", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038838.jpg" }
+      cardTitle="Client Feedback"
+      cardTag="Reviews"
+      cardTagIcon={Star}
+      testimonials={[
+        { id: "r1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-standing-near-window_53876-96138.jpg" },
+        { id: "r2", name: "Elena Vance", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg" },
+        { id: "r3", name: "Marcello Conti", imageSrc: "http://img.b2bpic.net/free-photo/business-associates-meeting-using-isolated-chroma-key-display_482257-122860.jpg" }
       ]}
-      title="Selected Work Showcase"
-      description="A curated collection of our most successful corporate digital projects."
-    />
+      />
   </div>
 
   <div id="metrics" data-section="metrics">
@@ -178,7 +175,7 @@ export default function LandingPage() {
       logoText="EliteDesign"
       columns={[
         { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
-        { title: "Resources", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "FAQ", href: "#faq" }] },
+        { title: "Resources", items: [{ label: "Reviews", href: "#reviews" }, { label: "FAQ", href: "#faq" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
     />