From b88461900e541315223aa74abcb54f296c40d914 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 15:17:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 573 ++++++++++++-----------------------------------
 1 file changed, 148 insertions(+), 425 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac39664..10ddace 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,444 +19,167 @@ import { Award, CheckCircle, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="large"
-        background="fluid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="fluid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Projects",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Syedas Creations"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Projects", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Syedas Creations"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Syedas Creations: Bombastic 3D Web Experiences"
-      description="We architect digital realities. Elevate your presence with immersive 3D illusions and high-end web development crafted for the future."
-      testimonials={[
-        {
-          name: "Alex Rivier",
-          handle: "@alexr",
-          testimonial: "Syedas Creations brought our 3D vision to life with perfect execution.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg?_wi=1",
-          imageAlt: "3d futuristic abstract background",
-        },
-        {
-          name: "Jane Doe",
-          handle: "@janed",
-          testimonial: "Bombastic and futuristic! The best web team I've worked with.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg?_wi=1",
-          imageAlt: "3d futuristic abstract background",
-        },
-        {
-          name: "Sam Khan",
-          handle: "@samk",
-          testimonial: "Incredible illusionary depth in every detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg?_wi=1",
-          imageAlt: "3d futuristic abstract background",
-        },
-        {
-          name: "Priya Singh",
-          handle: "@priyas",
-          testimonial: "A truly modern design partner for our SaaS.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=1",
-          imageAlt: "3d futuristic abstract background",
-        },
-        {
-          name: "Mike Ross",
-          handle: "@miker",
-          testimonial: "Superb attention to 3D UX and performance.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg?_wi=1",
-          imageAlt: "3d futuristic abstract background",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg?_wi=2"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-portrait-excitement-middle-success_1262-2789.jpg",
-          alt: "Portrait of professional 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/excited-woman-with-arms-up_23-2148336917.jpg",
-          alt: "Portrait of professional 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/two-happy-businessmen-shaking-hands-after-successful-agreement-office-while-their-female-colleagues-are-applauding-them-focus-is-young-businessman_637285-251.jpg",
-          alt: "Portrait of professional 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-senior-businessman-pumping-fists_1262-1722.jpg",
-          alt: "Portrait of professional 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg",
-          alt: "Portrait of professional 5",
-        },
-      ]}
-      avatarText="Trusted by 150+ visionary founders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "3D IMMERSIVE UI",
-        },
-        {
-          type: "text",
-          text: "PERFORMANCE OPTIMIZED",
-        },
-        {
-          type: "text",
-          text: "STRATEGIC ARCHITECTURE",
-        },
-        {
-          type: "text",
-          text: "FUTURE-READY TECH",
-        },
-        {
-          type: "text",
-          text: "BOMBASTIC DESIGN",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "glowing-orb" }}
+            title="Syedas Creations: Bombastic 3D Web Experiences"
+            description="We architect digital realities. Elevate your presence with immersive 3D illusions and high-end web development crafted for the future."
+            testimonials={[
+              { name: "Alex Rivier", handle: "@alexr", testimonial: "Syedas Creations brought our 3D vision to life with perfect execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg", imageAlt: "3d futuristic abstract background" },
+              { name: "Jane Doe", handle: "@janed", testimonial: "Bombastic and futuristic! The best web team I've worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg", imageAlt: "3d futuristic abstract background" },
+              { name: "Sam Khan", handle: "@samk", testimonial: "Incredible illusionary depth in every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg", imageAlt: "3d futuristic abstract background" },
+              { name: "Priya Singh", handle: "@priyas", testimonial: "A truly modern design partner for our SaaS.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "3d futuristic abstract background" },
+              { name: "Mike Ross", handle: "@miker", testimonial: "Superb attention to 3D UX and performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg", imageAlt: "3d futuristic abstract background" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/businessman-portrait-excitement-middle-success_1262-2789.jpg", alt: "Portrait of professional 1" },
+              { src: "http://img.b2bpic.net/free-photo/excited-woman-with-arms-up_23-2148336917.jpg", alt: "Portrait of professional 2" },
+              { src: "http://img.b2bpic.net/free-photo/two-happy-businessmen-shaking-hands-after-successful-agreement-office-while-their-female-colleagues-are-applauding-them-focus-is-young-businessman_637285-251.jpg", alt: "Portrait of professional 3" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-senior-businessman-pumping-fists_1262-1722.jpg", alt: "Portrait of professional 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg", alt: "Portrait of professional 5" }
+            ]}
+            avatarText="Trusted by 150+ visionary founders"
+            marqueeItems={[{ type: "text", text: "3D IMMERSIVE UI" }, { type: "text", text: "PERFORMANCE OPTIMIZED" }, { type: "text", text: "STRATEGIC ARCHITECTURE" }, { type: "text", text: "FUTURE-READY TECH" }, { type: "text", text: "BOMBASTIC DESIGN" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Visionary Web Craft"
-      description="We don't just build websites; we create digital dimensions. Our approach fuses art and technology to break boundaries."
-      bulletPoints={[
-        {
-          title: "3D Immersive UI",
-          description: "Cutting-edge web interfaces.",
-        },
-        {
-          title: "Performance Optimized",
-          description: "Blazing fast digital assets.",
-        },
-        {
-          title: "Strategic Design",
-          description: "User-centric architecture.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Visionary Web Craft"
+            description="We don't just build websites; we create digital dimensions. Our approach fuses art and technology to break boundaries."
+            bulletPoints={[{ title: "3D Immersive UI", description: "Cutting-edge web interfaces." }, { title: "Performance Optimized", description: "Blazing fast digital assets." }, { title: "Strategic Design", description: "User-centric architecture." }]}
+            imageSrc="http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "3D Motion Graphics",
-          description: "High-fidelity motion and 3D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg?_wi=2",
-        },
-        {
-          title: "Complex Systems",
-          description: "Scalable web infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=2",
-        },
-        {
-          title: "Interactive Code",
-          description: "Responsive & dynamic logic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg?_wi=2",
-        },
-      ]}
-      title="Our Technological Mastery"
-      description="Explore the capabilities that define our craft."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            features={[
+              { title: "3D Motion Graphics", description: "High-fidelity motion and 3D.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg" },
+              { title: "Complex Systems", description: "Scalable web infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" },
+              { title: "Interactive Code", description: "Responsive & dynamic logic.", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg" }
+            ]}
+            title="Our Technological Mastery"
+            description="Explore the capabilities that define our craft."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Portal App",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46360.jpg",
-        },
-        {
-          id: "p2",
-          name: "Zenith Mobile",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822059.jpg",
-        },
-        {
-          id: "p3",
-          name: "Nexus Dashboard",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884855.jpg",
-        },
-        {
-          id: "p4",
-          name: "Vortex Ecom",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-consumerism-connection-sale-concept_53876-124902.jpg",
-        },
-        {
-          id: "p5",
-          name: "Nebula App",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884890.jpg",
-        },
-        {
-          id: "p6",
-          name: "Prism Portfolio",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-party_23-2149239096.jpg",
-        },
-      ]}
-      title="Our Digital Portfolio"
-      description="A showcase of our recent high-impact deployments."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="scale-rotate"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[{ id: "p1", name: "Portal App", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46360.jpg" }, { id: "p2", name: "Zenith Mobile", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822059.jpg" }, { id: "p3", name: "Nexus Dashboard", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884855.jpg" }, { id: "p4", name: "Vortex Ecom", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-consumerism-connection-sale-concept_53876-124902.jpg" }, { id: "p5", name: "Nebula App", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884890.jpg" }, { id: "p6", name: "Prism Portfolio", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-party_23-2149239096.jpg" }]}
+            title="Our Digital Portfolio"
+            description="A showcase of our recent high-impact deployments."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Projects",
-          description: "Deployed successful sites.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Reliable systems.",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          value: "10M+",
-          title: "Users",
-          description: "Satisfied end users.",
-          icon: Award,
-        },
-      ]}
-      title="Growth Delivered"
-      description="Tangible results for your business."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[{ id: "m1", value: "150+", title: "Projects", description: "Deployed successful sites.", icon: CheckCircle }, { id: "m2", value: "99.9%", title: "Uptime", description: "Reliable systems.", icon: Zap }, { id: "m3", value: "10M+", title: "Users", description: "Satisfied end users.", icon: Award }]}
+            title="Growth Delivered"
+            description="Tangible results for your business."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="Our Digital Architects"
-      tag="Meet the Team"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "tm1",
-          name: "Syeda Ali",
-          imageSrc: "http://img.b2bpic.net/free-photo/winning-happy-standing-victory-grey_1262-2898.jpg",
-        },
-        {
-          id: "tm2",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-caucasian-man-wearing-glasses-headphones-neck-standing-profile-view-touching-headphones-isolated-crimson-wall_141793-80164.jpg",
-        },
-        {
-          id: "tm3",
-          name: "Sarah Khan",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-standing-front-building-holding-clipboard-coffee-cup_23-2147972795.jpg",
-        },
-      ]}
-      memberVariant="card"
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTen
+            useInvertedBackground={false}
+            title="Our Digital Architects"
+            tag="Meet the Team"
+            membersAnimation="slide-up"
+            memberVariant="card"
+            members={[{ id: "tm1", name: "Syeda Ali", imageSrc: "http://img.b2bpic.net/free-photo/winning-happy-standing-victory-grey_1262-2898.jpg" }, { id: "tm2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-caucasian-man-wearing-glasses-headphones-neck-standing-profile-view-touching-headphones-isolated-crimson-wall_141793-80164.jpg" }, { id: "tm3", name: "Sarah Khan", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-standing-front-building-holding-clipboard-coffee-cup_23-2147972795.jpg" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ayesha B",
-          date: "2023",
-          title: "Founder",
-          quote: "Brilliant team.",
-          tag: "Tech",
-          avatarSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-15146.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg?_wi=3",
-          imageAlt: "professional headshot portrait",
-        },
-        {
-          id: "t2",
-          name: "Bilal K",
-          date: "2023",
-          title: "CEO",
-          quote: "Bombastic results.",
-          tag: "Retail",
-          avatarSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg?_wi=3",
-          imageAlt: "professional headshot portrait",
-        },
-        {
-          id: "t3",
-          name: "Zara H",
-          date: "2023",
-          title: "VP",
-          quote: "Very innovative.",
-          tag: "SaaS",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg?_wi=3",
-          imageAlt: "professional headshot portrait",
-        },
-        {
-          id: "t4",
-          name: "Hassan M",
-          date: "2023",
-          title: "CTO",
-          quote: "Technical perfection.",
-          tag: "Dev",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=3",
-          imageAlt: "professional headshot portrait",
-        },
-        {
-          id: "t5",
-          name: "Omar A",
-          date: "2023",
-          title: "Founder",
-          quote: "Loved the 3D work.",
-          tag: "Art",
-          avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601473.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg?_wi=3",
-          imageAlt: "professional headshot portrait",
-        },
-      ]}
-      title="Client Success"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[{ id: "t1", name: "Ayesha B", date: "2023", title: "Founder", quote: "Brilliant team.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-15146.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg" }, { id: "t2", name: "Bilal K", date: "2023", title: "CEO", quote: "Bombastic results.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg" }, { id: "t3", name: "Zara H", date: "2023", title: "VP", quote: "Very innovative.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg" }, { id: "t4", name: "Hassan M", date: "2023", title: "CTO", quote: "Technical perfection.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" }, { id: "t5", name: "Omar A", date: "2023", title: "Founder", quote: "Loved the 3D work.", tag: "Art", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601473.jpg", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg" }]}
+            title="Client Success"
+            description="Our clients love our work."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Alpha Tech",
-        "Beta Corp",
-        "Gamma Solutions",
-        "Delta Innovations",
-        "Epsilon Systems",
-        "Zeta Digital",
-        "Theta Web",
-      ]}
-      title="Trusted Partners"
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Alpha Tech", "Beta Corp", "Gamma Solutions", "Delta Innovations", "Epsilon Systems", "Zeta Digital", "Theta Web"]}
+            title="Trusted Partners"
+            description="Industry leaders who trust us."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "What do you build?",
-          content: "3D web experiences, SaaS apps, and sites.",
-        },
-        {
-          id: "f2",
-          title: "Can you design 3D?",
-          content: "Yes, it is our specialty.",
-        },
-        {
-          id: "f3",
-          title: "Timeline?",
-          content: "Typically 4-8 weeks.",
-        },
-      ]}
-      title="Common Inquiries"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[{ id: "f1", title: "What do you build?", content: "3D web experiences, SaaS apps, and sites." }, { id: "f2", title: "Can you design 3D?", content: "Yes, it is our specialty." }, { id: "f3", title: "Timeline?", content: "Typically 4-8 weeks." }]}
+            title="Common Inquiries"
+            description="Everything you need to know."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to build your digital dimension?"
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to build your digital dimension?"
+            buttons={[{ text: "Contact Us", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Syedas Creations"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Syedas Creations"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1