From c72dee2cdd0589fb7d33c2867d000e4b79539ef9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 05:11:33 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cb7ae1a..54fa44c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Work",
-          id: "/work",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Work", id: "/work" },
+        { name: "Services", id: "/services" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="KJ Web Studio"
     />
@@ -52,21 +40,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       logoText="KJ Web Studio"
       description="We design modern, high-converting websites for local businesses that want more calls, leads, and clients."
-      buttons={[
-        {
-          text: "Request a Website",
-          href: "/contact",
-        },
-        {
-          text: "View Work",
-          href: "/work",
-        },
-      ]}
+      buttons={[{ text: "Request a Website", href: "/contact" }, { text: "View Work", href: "/work" }]}
       imageSrc="http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg"
       imageAlt="minimalist web agency hero"
       mediaAnimation="slide-up"
@@ -79,30 +56,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "24h",
-          title: "Fast Turnaround",
-          items: [
-            "Ready to launch fast",
-          ],
-        },
-        {
-          id: "2",
-          value: "100%",
-          title: "Mobile-First",
-          items: [
-            "Works on every device",
-          ],
-        },
-        {
-          id: "3",
-          value: "High",
-          title: "Conversion",
-          items: [
-            "Optimized for calls",
-          ],
-        },
+        { id: "1", value: "24h", title: "Fast Turnaround", items: ["Ready to launch fast"] },
+        { id: "2", value: "100%", title: "Mobile-First", items: ["Works on every device"] },
+        { id: "3", value: "High", title: "Conversion", items: ["Optimized for calls"] },
       ]}
       title="Results-Driven"
       description="Websites built for real business impact."
@@ -115,21 +71,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Layout,
-          title: "Website Design",
-          description: "Clean, modern websites built to convert.",
-        },
-        {
-          icon: Smartphone,
-          title: "Landing Pages",
-          description: "High-performing pages for specific campaigns.",
-        },
-        {
-          icon: Mail,
-          title: "Lead Gen",
-          description: "Integrated forms and call systems.",
-        },
+        { icon: Layout, title: "Website Design", description: "Clean, modern websites built to convert." },
+        { icon: Smartphone, title: "Landing Pages", description: "High-performing pages for specific campaigns." },
+        { icon: Mail, title: "Lead Gen", description: "Integrated forms and call systems." },
       ]}
       title="Our Services"
       description="Everything you need to grow your local business."
@@ -143,60 +87,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          brand: "Contractor",
-          name: "Contractor Web Concept",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg",
-        },
-        {
-          id: "2",
-          brand: "Barber",
-          name: "Barber Shop Web Concept",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
-        },
-        {
-          id: "3",
-          brand: "Resto",
-          name: "Restaurant Web Concept",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836115.jpg",
-        },
-        {
-          id: "4",
-          brand: "Clinic",
-          name: "Clinic Web Concept",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg",
-        },
-        {
-          id: "5",
-          brand: "Lawyer",
-          name: "Law Firm Concept",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-builder-desk-with-tablet-mock-up_23-2148269846.jpg",
-        },
-        {
-          id: "6",
-          brand: "Gym",
-          name: "Fitness Concept",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg",
-        },
+        { id: "1", brand: "Contractor", name: "Contractor Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
+        { id: "2", brand: "Barber", name: "Barber Shop Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
+        { id: "3", brand: "Resto", name: "Restaurant Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836115.jpg" },
+        { id: "4", brand: "Clinic", name: "Clinic Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg" },
+        { id: "5", brand: "Lawyer", name: "Law Firm Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-builder-desk-with-tablet-mock-up_23-2148269846.jpg" },
+        { id: "6", brand: "Gym", name: "Fitness Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg" },
       ]}
       title="Recent Work"
       description="Concepts designed for local growth."
@@ -208,44 +104,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       tag="Our Agency"
       title="We help local businesses dominate their digital presence."
-      buttons={[
-        {
-          text: "Learn More",
-          href: "/about",
-        },
-      ]}
+      buttons={[{ text: "Learn More", href: "/about" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Design",
-              href: "/services",
-            },
-            {
-              label: "Leads",
-              href: "/services",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+        { title: "Services", items: [{ label: "Design", href: "/services" }, { label: "Leads", href: "/services" }] },
       ]}
       bottomLeftText="© 2024 KJ Web Studio"
       bottomRightText="kjwebstudio@outlook.com"