From 525b42132fa2c33f8165158469fb8445962e52a8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 14:50:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 201 +++++++++++------------------------------------
 1 file changed, 47 insertions(+), 154 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 04239e7..f32bacb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,72 +31,45 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Portfolio",
-          id: "#portfolio",
-        },
+          name: "Portfolio",          id: "#portfolio"},
         {
-          name: "Process",
-          id: "#process",
-        },
+          name: "Process",          id: "#process"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
       ]}
       brandName="Velora Web Co."
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="We Build Websites That Bring You Customers."
       description="Premium, fast, and designed to grow your business—even if you're starting from zero."
       buttons={[
         {
-          text: "Get My Website",
-          href: "#contact",
-        },
+          text: "Get My Website",          href: "#contact"},
         {
-          text: "View Demo",
-          href: "#portfolio",
-        },
+          text: "View Demo",          href: "#portfolio"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994350.jpg",
-          imageAlt: "Velora Web Co Mockup",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994350.jpg",          imageAlt: "Velora Web Co Mockup"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/consult-advice-information-serveice-sharing-concept_53876-125587.jpg",
-          imageAlt: "Velora Web Co Mockup",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/consult-advice-information-serveice-sharing-concept_53876-125587.jpg",          imageAlt: "Velora Web Co Mockup"},
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/ui-ux-design-minimalist-modern-gradient-color_483537-3365.jpg",
-          imageAlt: "Velora Web Co Mockup",
-        },
+          imageSrc: "http://img.b2bpic.net/free-vector/ui-ux-design-minimalist-modern-gradient-color_483537-3365.jpg",          imageAlt: "Velora Web Co Mockup"},
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19826.jpg",
-          imageAlt: "Velora Web Co Mockup",
-        },
+          imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19826.jpg",          imageAlt: "Velora Web Co Mockup"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg",
-          imageAlt: "Velora Web Co Mockup",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg",          imageAlt: "Velora Web Co Mockup"},
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/business-blog-template_23-2148899518.jpg",
-          imageAlt: "Velora Web Co Mockup",
-        },
+          imageSrc: "http://img.b2bpic.net/free-vector/business-blog-template_23-2148899518.jpg",          imageAlt: "Velora Web Co Mockup"},
       ]}
     />
   </div>
@@ -107,9 +80,7 @@ export default function LandingPage() {
       title="No website means no trust."
       buttons={[
         {
-          text: "Solve My Problem",
-          href: "#contact",
-        },
+          text: "Solve My Problem",          href: "#contact"},
       ]}
     />
   </div>
@@ -120,9 +91,7 @@ export default function LandingPage() {
       title="We turn your business into a premium online brand."
       buttons={[
         {
-          text: "See Results",
-          href: "#portfolio",
-        },
+          text: "See Results",          href: "#portfolio"},
       ]}
     />
   </div>
@@ -135,19 +104,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Starter Website",
-          description: "Quick launch for new businesses.",
-        },
+          title: "Starter Website",          description: "Quick launch for new businesses."},
         {
           icon: Rocket,
-          title: "Business Pro Website",
-          description: "Full featured site for scale.",
-        },
+          title: "Business Pro Website",          description: "Full featured site for scale."},
         {
           icon: Award,
-          title: "Full Branding Package",
-          description: "Complete identity transformation.",
-        },
+          title: "Full Branding Package",          description: "Complete identity transformation."},
       ]}
       title="Services for Your Business Growth."
       description="Tailored packages designed to take your business online."
@@ -158,44 +121,21 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Salon Demo",
-          price: "View Site",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
-        },
+          id: "p1",          name: "Salon Demo",          price: "View Site",          imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg"},
         {
-          id: "p2",
-          name: "Gym Demo",
-          price: "View Site",
-          imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163390.jpg",
-        },
+          id: "p2",          name: "Gym Demo",          price: "View Site",          imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163390.jpg"},
         {
-          id: "p3",
-          name: "Cafe Demo",
-          price: "View Site",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-browsing-laptop-while-having-breakfast-caf_23-2147871289.jpg",
-        },
+          id: "p3",          name: "Cafe Demo",          price: "View Site",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-browsing-laptop-while-having-breakfast-caf_23-2147871289.jpg"},
         {
-          id: "p4",
-          name: "Salon Demo",
-          price: "View Site",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg",
-        },
+          id: "p4",          name: "Salon Demo",          price: "View Site",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg"},
         {
-          id: "p5",
-          name: "Gym Demo",
-          price: "View Site",
-          imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163327.jpg",
-        },
+          id: "p5",          name: "Gym Demo",          price: "View Site",          imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163327.jpg"},
         {
-          id: "p6",
-          name: "Cafe Demo",
-          price: "View Site",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-coffee-pumpkins-yellow-background-top-view_169016-39005.jpg",
-        },
+          id: "p6",          name: "Cafe Demo",          price: "View Site",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-coffee-pumpkins-yellow-background-top-view_169016-39005.jpg"},
       ]}
       title="Our Work"
       description="See the transformation we provide for businesses."
@@ -210,24 +150,16 @@ export default function LandingPage() {
       features={[
         {
           icon: MessageSquare,
-          title: "1. Consultation",
-          description: "We discuss your business needs.",
-        },
+          title: "1. Consultation",          description: "We discuss your business needs."},
         {
           icon: Layout,
-          title: "2. Design",
-          description: "Our team drafts your site.",
-        },
+          title: "2. Design",          description: "Our team drafts your site."},
         {
           icon: CheckCircle,
-          title: "3. Review",
-          description: "Refining the final look.",
-        },
+          title: "3. Review",          description: "Refining the final look."},
         {
           icon: Rocket,
-          title: "4. Launch",
-          description: "Your site goes live.",
-        },
+          title: "4. Launch",          description: "Your site goes live."},
       ]}
       title="Our Simple 4-Step Process."
       description="From vision to launch in weeks."
@@ -241,52 +173,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "starter",
-          tag: "Starter",
-          price: "₹4,999",
-          period: "one-time",
-          description: "Perfect for new local services.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Mobile responsive",
-            "Contact form",
-            "Domain setup",
-          ],
+          id: "starter",          tag: "Starter",          price: "₹4,999",          period: "one-time",          description: "Perfect for new local services.",          button: {
+            text: "Get Started"},
+          featuresTitle: "Included",          features: [
+            "Mobile responsive",            "Contact form",            "Domain setup"],
         },
         {
-          id: "pro",
-          tag: "Pro",
-          price: "₹9,999",
-          period: "one-time",
-          description: "Best for established businesses.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "All starter features",
-            "SEO optimization",
-            "Fast hosting",
-          ],
+          id: "pro",          tag: "Pro",          price: "₹9,999",          period: "one-time",          description: "Best for established businesses.",          button: {
+            text: "Get Started"},
+          featuresTitle: "Included",          features: [
+            "All starter features",            "SEO optimization",            "Fast hosting"],
         },
         {
-          id: "premium",
-          tag: "Premium",
-          price: "₹19,999",
-          period: "one-time",
-          description: "Complete branding package.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "All pro features",
-            "Custom branding",
-            "Priority support",
-          ],
+          id: "premium",          tag: "Premium",          price: "₹19,999",          period: "one-time",          description: "Complete branding package.",          button: {
+            text: "Get Started"},
+          featuresTitle: "Included",          features: [
+            "All pro features",            "Custom branding",            "Priority support"],
         },
       ]}
       title="Pricing Packages"
@@ -298,8 +200,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Let's Talk"
       title="Your customers are already online. Let’s make sure they find YOU."
       description="Ready to launch your business brand?"
@@ -312,25 +213,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
           items: [
             {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
+              label: "Portfolio",              href: "#portfolio"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1