From fad67eae28683e637fd2dbac5f244a7b43352da9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 09:41:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 271 +++++++++++------------------------------------
 1 file changed, 60 insertions(+), 211 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0b3f299..100f07e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,98 +31,61 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Work",
-          id: "#work",
-        },
+          name: "Work",          id: "#work"},
         {
-          name: "Estimate",
-          id: "#estimate",
-        },
+          name: "Estimate",          id: "#estimate"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="pixelstack.ai"
       button={{
-        text: "Get a Quote →",
-        href: "#contact",
-      }}
+        text: "Get a Quote →",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       title="Websites that actually convert."
       description="Built with AI. We build modern websites and landing pages for businesses that mean business. Fast. Clean. Affordable."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165608.jpg",
-          alt: "Client Avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165608.jpg",          alt: "Client Avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-with-automation-lighting-system_482257-8725.jpg",
-          alt: "Client Avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-with-automation-lighting-system_482257-8725.jpg",          alt: "Client Avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688375.jpg",
-          alt: "Client Avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688375.jpg",          alt: "Client Avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883552.jpg",
-          alt: "Client Avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883552.jpg",          alt: "Client Avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197903.jpg",
-          alt: "Abstract Tech Avatar 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197903.jpg",          alt: "Abstract Tech Avatar 5"},
       ]}
       avatarText="Trusted by 10+ businesses"
       buttons={[
         {
-          text: "Start a Project →",
-          href: "#estimate",
-        },
+          text: "Start a Project →",          href: "#estimate"},
         {
-          text: "See Our Work",
-          href: "#work",
-        },
+          text: "See Our Work",          href: "#work"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "AI-Powered Web Agency · Bengaluru",
-          icon: Circle,
+          type: "text-icon",          text: "AI-Powered Web Agency · Bengaluru",          icon: Circle,
         },
         {
-          type: "text",
-          text: "10+ Sites Live",
+          type: "text",          text: "10+ Sites Live"},
+        {
+          type: "text",          text: "5 Days Avg."},
+        {
+          type: "text",          text: "2× More Leads"},
+        {
+          type: "text-icon",          text: "AI-Powered Web Agency · Bengaluru",          icon: Circle,
         },
         {
-          type: "text",
-          text: "5 Days Avg.",
-        },
-        {
-          type: "text",
-          text: "2× More Leads",
-        },
-        {
-          type: "text-icon",
-          text: "AI-Powered Web Agency · Bengaluru",
-          icon: Circle,
-        },
-        {
-          type: "text",
-          text: "10+ Sites Live",
-        },
+          type: "text",          text: "10+ Sites Live"},
       ]}
       marqueeSpeed={30}
       showMarqueeCard={true}
@@ -134,17 +97,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Landing Pages ✦",
-        "Business Websites ✦",
-        "AI-Powered Design ✦",
-        "5-Day Delivery ✦",
-        "Indian & Global Clients ✦",
-        "SEO Optimised ✦",
-        "Mobile First ✦",
-        "Landing Pages ✦",
-        "Business Websites ✦",
-        "AI-Powered Design ✦",
-      ]}
+        "Landing Pages ✦",        "Business Websites ✦",        "AI-Powered Design ✦",        "5-Day Delivery ✦",        "Indian & Global Clients ✦",        "SEO Optimised ✦",        "Mobile First ✦",        "Landing Pages ✦",        "Business Websites ✦",        "AI-Powered Design ✦"]}
       title="Our Expertise, In Motion"
       description="Showcasing the core strengths and offerings that define PixelStack.ai."
       speed={40}
@@ -160,24 +113,16 @@ export default function LandingPage() {
       features={[
         {
           icon: PenTool,
-          title: "01 — Landing Pages",
-          description: "One high-converting page for your business. Fast, clean, and built to drive leads. From ₹4,999.",
-        },
+          title: "01 — Landing Pages",          description: "One high-converting page for your business. Fast, clean, and built to drive leads. From ₹4,999."},
         {
           icon: Building,
-          title: "02 — Business Websites",
-          description: "3–5 essential pages, all included. Establish your online presence with a professional, AI-crafted site. From ₹9,999.",
-        },
+          title: "02 — Business Websites",          description: "3–5 essential pages, all included. Establish your online presence with a professional, AI-crafted site. From ₹9,999."},
         {
           icon: Loader,
-          title: "03 — Website Revamp",
-          description: "Old site? We modernise and relaunch it with a fresh AI-powered design, speed optimization, and mobile-first approach. From ₹7,999.",
-        },
+          title: "03 — Website Revamp",          description: "Old site? We modernise and relaunch it with a fresh AI-powered design, speed optimization, and mobile-first approach. From ₹7,999."},
         {
           icon: Wrench,
-          title: "04 — Monthly Maintenance",
-          description: "Keep your site fast, secure, and updated. Includes content updates, performance checks, and security monitoring. ₹2,999/month.",
-        },
+          title: "04 — Monthly Maintenance",          description: "Keep your site fast, secure, and updated. Includes content updates, performance checks, and security monitoring. ₹2,999/month."},
       ]}
       title="Our Services"
       description="From high-converting landing pages to comprehensive business websites, we've got you covered. Leveraging AI for speed and precision."
@@ -193,53 +138,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "p1",
-          name: "Project One",
-          variant: "Landing Page",
-          price: "View Live →",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-secret-agents-examine-clues-cia-secret-base-with-green-screen_482257-119889.jpg",
-          imageAlt: "Screenshot of Project One",
-        },
+          id: "p1",          name: "Project One",          variant: "Landing Page",          price: "View Live →",          imageSrc: "http://img.b2bpic.net/free-photo/diverse-secret-agents-examine-clues-cia-secret-base-with-green-screen_482257-119889.jpg",          imageAlt: "Screenshot of Project One"},
         {
-          id: "p2",
-          name: "Project Two",
-          variant: "Business Site",
-          price: "View Live →",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149173599.jpg",
-          imageAlt: "Screenshot of Project Two",
-        },
+          id: "p2",          name: "Project Two",          variant: "Business Site",          price: "View Live →",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149173599.jpg",          imageAlt: "Screenshot of Project Two"},
         {
-          id: "p3",
-          name: "Project Three",
-          variant: "Revamp",
-          price: "View Live →",
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
-          imageAlt: "Screenshot of Project Three",
-        },
+          id: "p3",          name: "Project Three",          variant: "Revamp",          price: "View Live →",          imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",          imageAlt: "Screenshot of Project Three"},
         {
-          id: "p4",
-          name: "Project Four",
-          variant: "E-commerce Store",
-          price: "View Live →",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",
-          imageAlt: "Screenshot of Project Four",
-        },
+          id: "p4",          name: "Project Four",          variant: "E-commerce Store",          price: "View Live →",          imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",          imageAlt: "Screenshot of Project Four"},
         {
-          id: "p5",
-          name: "Project Five",
-          variant: "Portfolio Site",
-          price: "View Live →",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-nature-concept_23-2150246082.jpg",
-          imageAlt: "Screenshot of Project Five",
-        },
+          id: "p5",          name: "Project Five",          variant: "Portfolio Site",          price: "View Live →",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-nature-concept_23-2150246082.jpg",          imageAlt: "Screenshot of Project Five"},
         {
-          id: "p6",
-          name: "Project Six",
-          variant: "SaaS Platform",
-          price: "View Live →",
-          imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558681.jpg",
-          imageAlt: "Screenshot of Project Six",
-        },
+          id: "p6",          name: "Project Six",          variant: "SaaS Platform",          price: "View Live →",          imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558681.jpg",          imageAlt: "Screenshot of Project Six"},
       ]}
       title="Our Work"
       description="See how PixelStack.ai has transformed businesses with stunning, high-converting websites, crafted with intelligence and precision."
@@ -253,64 +162,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Ananya Sharma",
-          role: "Founder, UrbanSpice",
-          company: "UrbanSpice Foods",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
-          imageAlt: "Ananya Sharma",
-        },
+          id: "t1",          name: "Ananya Sharma",          role: "Founder, UrbanSpice",          company: "UrbanSpice Foods",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",          imageAlt: "Ananya Sharma"},
         {
-          id: "t2",
-          name: "Rajesh Kumar",
-          role: "CEO, GrowTech Solutions",
-          company: "GrowTech Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
-          imageAlt: "Rajesh Kumar",
-        },
+          id: "t2",          name: "Rajesh Kumar",          role: "CEO, GrowTech Solutions",          company: "GrowTech Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",          imageAlt: "Rajesh Kumar"},
         {
-          id: "t3",
-          name: "Priya Singh",
-          role: "Marketing Head, MediCare Hub",
-          company: "MediCare Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
-          imageAlt: "Priya Singh",
-        },
+          id: "t3",          name: "Priya Singh",          role: "Marketing Head, MediCare Hub",          company: "MediCare Hub",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",          imageAlt: "Priya Singh"},
         {
-          id: "t4",
-          name: "David Miller",
-          role: "VP Operations, Global Logistics Inc.",
-          company: "Global Logistics Inc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-          imageAlt: "David Miller",
-        },
+          id: "t4",          name: "David Miller",          role: "VP Operations, Global Logistics Inc.",          company: "Global Logistics Inc.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",          imageAlt: "David Miller"},
         {
-          id: "t5",
-          name: "Sophie Dubois",
-          role: "Creative Director, LuxeDesigns",
-          company: "LuxeDesigns",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-          imageAlt: "Sophie Dubois",
-        },
+          id: "t5",          name: "Sophie Dubois",          role: "Creative Director, LuxeDesigns",          company: "LuxeDesigns",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",          imageAlt: "Sophie Dubois"},
       ]}
       kpiItems={[
         {
-          value: "2X",
-          label: "More Leads",
-        },
+          value: "2X",          label: "More Leads"},
         {
-          value: "5 Days",
-          label: "Average Delivery",
-        },
+          value: "5 Days",          label: "Average Delivery"},
         {
-          value: "99%",
-          label: "Client Satisfaction",
-        },
+          value: "99%",          label: "Client Satisfaction"},
       ]}
       title="What Our Clients Say"
       description="Real feedback from businesses thriving with an AI-powered website built for conversion and impact."
@@ -321,16 +194,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "glowing-orb",
-      }}
+        variant: "sparkles-gradient"}}
       tag="AI-Powered"
       title="Get an instant estimate."
       description="Tell us what you need. Our AI gives you a real price range in seconds. This section represents the final step of a multi-step form and AI integration described in the prompt, which would require custom implementation."
       buttons={[
         {
-          text: "Start My Estimate →",
-          href: "#",
-        },
+          text: "Start My Estimate →",          href: "#"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -340,24 +210,17 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "glowing-orb",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Let's Talk"
       title="Ready to go live?"
       description="Message us. We reply within 24 hours to help you start your next project."
       buttons={[
         {
-          text: "Email Us",
-          href: "mailto:hello@pixelstack.ai",
-        },
+          text: "Email Us",          href: "mailto:hello@pixelstack.ai"},
         {
-          text: "WhatsApp Us",
-          href: "https://wa.me/+91XXXXXXXXXX?text=Hi%2C%20I%20found%20your%20agency%20website%20and%20I%27m%20interested%20in%20getting%20a%20website%20built.",
-        },
+          text: "WhatsApp Us",          href: "https://wa.me/+91XXXXXXXXXX?text=Hi%2C%20I%20found%20your%20agency%20website%20and%20I%27m%20interested%20in%20getting%20a%20website%20built."},
         {
-          text: "Connect on LinkedIn",
-          href: "https://linkedin.com/in/YOUR_PROFILE",
-        },
+          text: "Connect on LinkedIn",          href: "https://linkedin.com/in/YOUR_PROFILE"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -370,37 +233,23 @@ export default function LandingPage() {
       logoText="pixelstack.ai"
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Work",
-              href: "#work",
-            },
+              label: "Work",              href: "#work"},
             {
-              label: "Estimate",
-              href: "#estimate",
-            },
+              label: "Estimate",              href: "#estimate"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#privacy",
-            },
+              label: "Privacy Policy",              href: "#privacy"},
             {
-              label: "Terms of Service",
-              href: "#terms",
-            },
+              label: "Terms of Service",              href: "#terms"},
           ],
         },
       ]}