From 5ebe6c81c359460375f452170a3841e253a61d3a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 04:20:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 268 +++++++----------------------------------------
 1 file changed, 35 insertions(+), 233 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7cc5d2d..e1ecc25 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Portfolio",
-          id: "work",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Portfolio", id: "work" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="DesignStudio"
     />
@@ -59,39 +44,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Design That Converts and Engages Users"
       description="We craft high-impact landing pages and intuitive digital experiences. From concept to launch, we deliver UX/UI solutions that drive results."
       tag="Design Studio Expertise"
-      buttons={[
-        {
-          text: "View Our Work",
-          href: "#work",
-        },
-      ]}
+      buttons={[{ text: "View Our Work", href: "#work" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-pen-writing-notes_482257-104155.jpg",
-          imageAlt: "Digital design studio landing page",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg",
-          imageAlt: "Designer at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252440.jpg",
-          imageAlt: "Futurism perspective of digital nomads lifestyle",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tired-corporate-employee-working-overhours-marketing-project_482257-77671.jpg",
-          imageAlt: "Tired corporate employee working overhours at marketing project",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/college-student-captivated-by-her-literature-assignment-academic-library_482257-123167.jpg",
-          imageAlt: "College student captivated by her literature assignment at the academic library",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-pen-writing-notes_482257-104155.jpg", imageAlt: "Digital design studio landing page" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg", imageAlt: "Designer at work" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -106,18 +66,9 @@ export default function LandingPage() {
       title="Proven Design Methodology"
       description="We blend user-centric research with aesthetic excellence. Our process is designed to bridge the gap between business goals and user satisfaction."
       metrics={[
-        {
-          value: "150+",
-          title: "Projects Launched",
-        },
-        {
-          value: "98%",
-          title: "Conversion Rate Lift",
-        },
-        {
-          value: "5+",
-          title: "Years Experience",
-        },
+        { value: "150+", title: "Projects Launched" },
+        { value: "98%", title: "Conversion Rate Lift" },
+        { value: "5+", title: "Years Experience" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg"
       imageAlt="Our creative workspace"
@@ -132,24 +83,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Conversion-Driven Landing Pages",
-          description: "High-impact layouts built to turn visitors into loyal customers through rigorous design thinking.",
-          imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-7290.jpg",
-          imageAlt: "Landing page design icon",
-        },
-        {
-          title: "Intuitive User Journeys",
-          description: "Seamless, logical workflows that reduce friction and maximize user delight at every interaction point.",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg",
-          imageAlt: "UX workflow icon",
-        },
-        {
-          title: "Scalable Design Systems",
-          description: "Structured design languages that grow with your company, maintaining brand consistency across all platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg",
-          imageAlt: "Design system icon",
-        },
+        { title: "Conversion-Driven Landing Pages", description: "High-impact layouts built to turn visitors into loyal customers through rigorous design thinking.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-7290.jpg", imageAlt: "Landing page design icon" },
+        { title: "Intuitive User Journeys", description: "Seamless, logical workflows that reduce friction and maximize user delight at every interaction point.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg", imageAlt: "UX workflow icon" },
+        { title: "Scalable Design Systems", description: "Structured design languages that grow with your company, maintaining brand consistency across all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg", imageAlt: "Design system icon" }
       ]}
       title="Comprehensive Design Capabilities"
       description="We offer full-cycle UX/UI design solutions to elevate your digital presence."
@@ -163,54 +99,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "FinTech Dashboard",
-          price: "UX Case Study",
-          variant: "Web UI",
-          imageSrc: "http://img.b2bpic.net/free-psd/fitness-nutrition-landing-page-template_23-2150209841.jpg",
-          imageAlt: "Project 1",
-        },
-        {
-          id: "2",
-          name: "E-Commerce Suite",
-          price: "Conversion Optimized",
-          variant: "Shop UI",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg",
-          imageAlt: "Project 2",
-        },
-        {
-          id: "3",
-          name: "SaaS Platform UI",
-          price: "Brand Refresh",
-          variant: "SaaS",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg",
-          imageAlt: "Project 3",
-        },
-        {
-          id: "4",
-          name: "Travel App Flow",
-          price: "Research & Design",
-          variant: "App",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729049.jpg",
-          imageAlt: "Project 4",
-        },
-        {
-          id: "5",
-          name: "B2B Sales Portal",
-          price: "Experience Design",
-          variant: "B2B",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg",
-          imageAlt: "Project 5",
-        },
-        {
-          id: "6",
-          name: "Marketing Funnel",
-          price: "Growth Optimized",
-          variant: "Web",
-          imageSrc: "http://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg",
-          imageAlt: "Project 6",
-        },
+        { id: "1", name: "FinTech Dashboard", price: "UX Case Study", variant: "Web UI", imageSrc: "http://img.b2bpic.net/free-psd/fitness-nutrition-landing-page-template_23-2150209841.jpg", imageAlt: "Project 1" },
+        { id: "2", name: "E-Commerce Suite", price: "Conversion Optimized", variant: "Shop UI", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg", imageAlt: "Project 2" },
+        { id: "3", name: "SaaS Platform UI", price: "Brand Refresh", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", imageAlt: "Project 3" }
       ]}
       title="Our Portfolio"
       description="Selected digital experiences crafted for growth-oriented brands and startups."
@@ -224,27 +115,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "40%",
-          title: "Bounce Rate Reduction",
-          description: "Improved engagement metrics across all projects.",
-          icon: Zap,
-        },
-        {
-          id: "m2",
-          value: "2.5x",
-          title: "Conversion Growth",
-          description: "Average increase in lead generation efficiency.",
-          icon: TrendingUp,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Client Retention",
-          description: "Building long-term relationships through trust.",
-          icon: Heart,
-        },
+        { id: "m1", value: "40%", title: "Bounce Rate Reduction", description: "Improved engagement metrics across all projects.", icon: Zap },
+        { id: "m2", value: "2.5x", title: "Conversion Growth", description: "Average increase in lead generation efficiency.", icon: TrendingUp },
+        { id: "m3", value: "100%", title: "Client Retention", description: "Building long-term relationships through trust.", icon: Heart }
       ]}
       title="Measurable Design Impact"
       description="Data-backed results that matter to your bottom line."
@@ -257,60 +130,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "CEO",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
-        },
-        {
-          id: "2",
-          name: "David Chen",
-          role: "PM",
-          company: "LaunchPad",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rose",
-          role: "Marketing Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1122.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Stevens",
-          role: "Founder",
-          company: "StartupX",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice Wong",
-          role: "Senior Designer",
-          company: "CreativeOps",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
-        },
+        { id: "1", name: "Sarah Jenkins", role: "CEO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg" },
+        { id: "2", name: "David Chen", role: "PM", company: "LaunchPad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg" },
+        { id: "3", name: "Emily Rose", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1122.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "50+",
-          label: "Founders Served",
-        },
-        {
-          value: "120+",
-          label: "Projects Completed",
-        },
-        {
-          value: "95%",
-          label: "Customer Satisfaction",
-        },
+        { value: "50+", label: "Founders Served" },
+        { value: "120+", label: "Projects Completed" },
+        { value: "95%", label: "Customer Satisfaction" }
       ]}
       title="What Our Partners Say"
       description="See how we help founders and directors transform their digital presence."
@@ -322,21 +149,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How long does a typical landing page project take?",
-          content: "Most projects are completed within 2-4 weeks, depending on complexity and scope.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide design and development?",
-          content: "Yes, we specialize in end-to-end design and can assist with development handoff.",
-        },
-        {
-          id: "f3",
-          title: "How do you measure design ROI?",
-          content: "We look at KPIs like conversion rate, bounce rate, and user feedback cycles.",
-        },
+        { id: "f1", title: "How long does a typical landing page project take?", content: "Most projects are completed within 2-4 weeks, depending on complexity and scope." },
+        { id: "f2", title: "Do you provide design and development?", content: "Yes, we specialize in end-to-end design and can assist with development handoff." },
+        { id: "f3", title: "How do you measure design ROI?", content: "We look at KPIs like conversion rate, bounce rate, and user feedback cycles." }
       ]}
       title="Frequently Asked Questions"
       description="Common questions about our process, pricing, and how we work with you."
@@ -347,33 +162,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to transform your digital experience? Let's discuss your project goals."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@designstudio.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "mailto:hello@designstudio.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="DesignStudio"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file