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

---
 src/app/page.tsx | 208 +++++++----------------------------------------
 1 file changed, 28 insertions(+), 180 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1e6296..af4eb1a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,44 +31,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Steele Shaffer"
+      button={{ text: "Get in Touch", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       logoText="Steele Shaffer"
       description="Crafting high-performance, bespoke websites that drive business growth. Expert solutions for modern brands."
-      buttons={[
-        {
-          text: "View My Work",
-          href: "#services",
-        },
-        {
-          text: "Get in Touch",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "View My Work", href: "#services" }, { text: "Get in Touch", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/relaxed-businessman-with-notepad-sitting-office_23-2147839952.jpg"
       mediaAnimation="slide-up"
     />
@@ -77,23 +55,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "About Steele",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
-          alt: "Steele Shaffer",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "#contact",
-        },
-      ]}
+      heading={[{ type: "text", content: "About Steele" }, { type: "image", src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg", alt: "Steele Shaffer" }]}
+      buttons={[{ text: "Contact Me", href: "#contact" }]}
     />
   </div>
 
@@ -102,27 +65,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          tag: "Design",
-          title: "Custom Web Design",
-          subtitle: "Unique experiences",
-          description: "Beautiful, responsive websites built specifically for your brand needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-frustrated-manager-working-statup-project_482257-77537.jpg",
-        },
-        {
-          tag: "Growth",
-          title: "SEO & Performance",
-          subtitle: "Get found easily",
-          description: "Optimized code and content structures to ensure your site performs and ranks.",
-          imageSrc: "http://img.b2bpic.net/free-vector/seo-icon_632498-3590.jpg",
-        },
-        {
-          tag: "Support",
-          title: "Maintenance & Support",
-          subtitle: "Always reliable",
-          description: "Full-service management so you can focus on running your business.",
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-computer-logo-template_23-2149212784.jpg",
-        },
+        { tag: "Design", title: "Custom Web Design", subtitle: "Unique experiences", description: "Beautiful, responsive websites built specifically for your brand needs.", imageSrc: "http://img.b2bpic.net/free-photo/angry-frustrated-manager-working-statup-project_482257-77537.jpg" },
+        { tag: "Growth", title: "SEO & Performance", subtitle: "Get found easily", description: "Optimized code and content structures to ensure your site performs and ranks.", imageSrc: "http://img.b2bpic.net/free-vector/seo-icon_632498-3590.jpg" },
+        { tag: "Support", title: "Maintenance & Support", subtitle: "Always reliable", description: "Full-service management so you can focus on running your business.", imageSrc: "http://img.b2bpic.net/free-vector/creative-computer-logo-template_23-2149212784.jpg" },
       ]}
       title="Professional Services"
       description="Tailored solutions for your digital presence."
@@ -131,30 +76,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Responsive Sites",
-          description: "Mobile-first approach",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-report-analytics-analysis-statistics-concept_53876-21401.jpg",
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime Rate",
-          description: "Rock-solid reliability",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
-        },
-        {
-          id: "m3",
-          value: "3x",
-          title: "Conversion Lift",
-          description: "Targeted optimization",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg",
-        },
+        { id: "m1", value: "100%", title: "Responsive Sites", description: "Mobile-first approach", imageSrc: "http://img.b2bpic.net/free-photo/business-report-analytics-analysis-statistics-concept_53876-21401.jpg" },
+        { id: "m2", value: "99.9%", title: "Uptime Rate", description: "Rock-solid reliability", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg" },
+        { id: "m3", value: "3x", title: "Conversion Lift", description: "Targeted optimization", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg" },
       ]}
       title="Business Value"
       description="Tangible results for your company."
@@ -167,41 +95,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          testimonial: "Steele transformed our brand. The site speed and design are unparalleled.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          testimonial: "Professional, reliable, and exceptionally talented. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Marketing Director",
-          testimonial: "A complete overhaul of our digital strategy. Results were immediate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Product Manager",
-          testimonial: "Exceptional attention to detail and communication throughout the project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Founder",
-          testimonial: "Working with Steele was seamless. The outcome exceeded our expectations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Steele transformed our brand. The site speed and design are unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
+        { id: "2", name: "Michael Chen", role: "CTO", testimonial: "Professional, reliable, and exceptionally talented. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg" },
+        { id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "A complete overhaul of our digital strategy. Results were immediate.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg" },
+        { id: "4", name: "David Kim", role: "Product Manager", testimonial: "Exceptional attention to detail and communication throughout the project.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg" },
+        { id: "5", name: "Jessica Lee", role: "Founder", testimonial: "Working with Steele was seamless. The outcome exceeded our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg" },
       ]}
       title="Client Success"
       description="Read what our partners have to say."
@@ -212,15 +110,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Microsoft",
-        "Google",
-        "Apple",
-        "Amazon",
-        "Shopify",
-        "DigitalOcean",
-        "Cloudflare",
-      ]}
+      names={["Microsoft", "Google", "Apple", "Amazon", "Shopify", "DigitalOcean", "Cloudflare"]}
       title="Trusted Partners"
       description="Working with industry leaders."
     />
@@ -231,21 +121,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "How long does a build take?",
-          content: "Most projects are completed within 4-6 weeks depending on complexity.",
-        },
-        {
-          id: "2",
-          title: "Do you offer SEO?",
-          content: "Yes, every site I build is SEO-optimized from the ground up.",
-        },
-        {
-          id: "3",
-          title: "How do we get started?",
-          content: "Simply reach out via the contact form and we'll schedule a discovery call.",
-        },
+        { id: "1", title: "How long does a build take?", content: "Most projects are completed within 4-6 weeks depending on complexity." },
+        { id: "2", title: "Do you offer SEO?", content: "Yes, every site I build is SEO-optimized from the ground up." },
+        { id: "3", title: "How do we get started?", content: "Simply reach out via the contact form and we'll schedule a discovery call." },
       ]}
       title="Common Questions"
       description="Answers to get you started."
@@ -256,9 +134,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
+      background={{ variant: "animated-grid" }}
       tag="Let's Talk"
       title="Ready for your new site?"
       description="Fill out the form below to get a custom quote and consultation."
@@ -268,36 +144,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="Steele Shaffer"
     />
-- 
2.49.1