From 368fb934f8bf263256b719749d5e58ee625399e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 09:09:10 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18719ee..0979819 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Portfolio",
-          id: "portfolio",
-        },
+          name: "Portfolio",          id: "portfolio"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DIGITAL ARC"
     />
@@ -58,37 +50,23 @@ export default function LandingPage() {
       description="We build professional websites, Shopify stores, and digital tools. From portfolio consulting to restaurant menu automation, your business goes digital with ARC."
       buttons={[
         {
-          text: "Explore Our Work",
-          href: "#services",
-        },
+          text: "Explore Our Work",          href: "#services"},
         {
-          text: "Book a Consultation",
-          href: "#contact",
-        },
+          text: "Book a Consultation",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-hi-tec-science-background_1048-13117.jpg"
       imageAlt="modern digital agency abstract background"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg",
-          alt: "Portrait of attractive afroamerican man",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg",          alt: "Portrait of attractive afroamerican man"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-turn-face-camera-smiling-selfassured-standing-white-backgro_1258-113227.jpg",
-          alt: "Closeup of confident businessman turn face at camera smiling selfassured standing over white backgro",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-turn-face-camera-smiling-selfassured-standing-white-backgro_1258-113227.jpg",          alt: "Closeup of confident businessman turn face at camera smiling selfassured standing over white backgro"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg",
-          alt: "Cheerful young executive looking at camera",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg",          alt: "Cheerful young executive looking at camera"},
         {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
-          alt: "black businessman happy expression",
-        },
+          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",          alt: "black businessman happy expression"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",
-          alt: "Portrait of a beautiful business office in a business center",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",          alt: "Portrait of a beautiful business office in a business center"},
       ]}
       avatarText="Trusted by 500+ global partners"
     />
@@ -99,14 +77,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
-          content: "Professional Digital Agency Architecture.",
-        },
+          type: "text",          content: "Professional Digital Agency Architecture."},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg",
-          alt: "minimalist warm workspace",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg",          alt: "minimalist warm workspace"},
       ]}
     />
   </div>
@@ -118,34 +91,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          label: "Web Development",
-          title: "Niche Agency Sites",
-          items: [
-            "Industry-specific design",
-            "Custom CMS integration",
-            "Modern UI/UX principles",
-          ],
+          id: "s1",          label: "Web Development",          title: "Niche Agency Sites",          items: [
+            "Industry-specific design",            "Custom CMS integration",            "Modern UI/UX principles"],
         },
         {
-          id: "s2",
-          label: "Subscription Model",
-          title: "WaaS Services",
-          items: [
-            "Predictable monthly cost",
-            "Always-on maintenance",
-            "Scalable infrastructure",
-          ],
+          id: "s2",          label: "Subscription Model",          title: "WaaS Services",          items: [
+            "Predictable monthly cost",            "Always-on maintenance",            "Scalable infrastructure"],
         },
         {
-          id: "s3",
-          label: "E-Commerce",
-          title: "Shopify Experts",
-          items: [
-            "Full store architecture",
-            "Payment integration",
-            "Product catalogue sync",
-          ],
+          id: "s3",          label: "E-Commerce",          title: "Shopify Experts",          items: [
+            "Full store architecture",            "Payment integration",            "Product catalogue sync"],
         },
       ]}
       title="Everything Your Business Needs"
@@ -155,52 +110,23 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Digital Menu Card",
-          price: "Custom",
-          variant: "Restaurant Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
-        },
+          id: "p1",          name: "Digital Menu Card",          price: "Custom",          variant: "Restaurant Tech",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"},
         {
-          id: "p2",
-          name: "Student Portfolio",
-          price: "Personalized",
-          variant: "Consulting",
-          imageSrc: "http://img.b2bpic.net/free-photo/eid-responsive-shopping_187299-47499.jpg",
-        },
+          id: "p2",          name: "Student Portfolio",          price: "Personalized",          variant: "Consulting",          imageSrc: "http://img.b2bpic.net/free-photo/eid-responsive-shopping_187299-47499.jpg"},
         {
-          id: "p3",
-          name: "Shopify Boutique",
-          price: "$1,200+",
-          variant: "Ecommerce",
-          imageSrc: "http://img.b2bpic.net/free-photo/counter-store_119272-84.jpg",
-        },
+          id: "p3",          name: "Shopify Boutique",          price: "$1,200+",          variant: "Ecommerce",          imageSrc: "http://img.b2bpic.net/free-photo/counter-store_119272-84.jpg"},
         {
-          id: "p4",
-          name: "SaaS Platform",
-          price: "Subscription",
-          variant: "WaaS",
-          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",
-        },
+          id: "p4",          name: "SaaS Platform",          price: "Subscription",          variant: "WaaS",          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"},
         {
-          id: "p5",
-          name: "Corporate Site",
-          price: "$2,500+",
-          variant: "Web Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-cleaning-screen-smart-phone-home_637285-5971.jpg",
-        },
+          id: "p5",          name: "Corporate Site",          price: "$2,500+",          variant: "Web Dev",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-cleaning-screen-smart-phone-home_637285-5971.jpg"},
         {
-          id: "p6",
-          name: "Restaurant Web",
-          price: "$800+",
-          variant: "Service",
-          imageSrc: "http://img.b2bpic.net/free-photo/mockup-object-imitate-model-replica-design-reproduce-concept_53876-134069.jpg",
-        },
+          id: "p6",          name: "Restaurant Web",          price: "$800+",          variant: "Service",          imageSrc: "http://img.b2bpic.net/free-photo/mockup-object-imitate-model-replica-design-reproduce-concept_53876-134069.jpg"},
       ]}
       title="Service Portfolio Highlights"
       description="A glimpse into the digital excellence we provide to our diverse range of business partners."
@@ -215,25 +141,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "150+",
-          title: "Projects Delivered",
-          description: "Professional digital deployments",
-          icon: CheckCircle,
+          id: "m1",          value: "150+",          title: "Projects Delivered",          description: "Professional digital deployments",          icon: CheckCircle,
         },
         {
-          id: "m2",
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Retained business relationships",
-          icon: Award,
+          id: "m2",          value: "98%",          title: "Client Satisfaction",          description: "Retained business relationships",          icon: Award,
         },
         {
-          id: "m3",
-          value: "45+",
-          title: "Subscription Partners",
-          description: "Monthly WaaS subscribers",
-          icon: Zap,
+          id: "m3",          value: "45+",          title: "Subscription Partners",          description: "Monthly WaaS subscribers",          icon: Zap,
         },
       ]}
       title="Agency Milestones"
@@ -249,25 +163,15 @@ export default function LandingPage() {
       author="Rahul Gupta, Restaurant Owner"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
-          alt: "happy professional male portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",          alt: "happy professional male portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
-          alt: "Smiling female staff at airport terminal",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          alt: "Smiling female staff at airport terminal"},
         {
-          src: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",
-          alt: "Real professional Smiling businesswoman looking confident determined face expression standing in suit over white background",
-        },
+          src: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",          alt: "Real professional Smiling businesswoman looking confident determined face expression standing in suit over white background"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-          alt: "Young Businesswoman Portrait in Office",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          alt: "Young Businesswoman Portrait in Office"},
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",
-          alt: "Handsome business man standing in office",
-        },
+          src: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",          alt: "Handsome business man standing in office"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -278,14 +182,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       text="Ready to launch your digital project? Let's connect."
       buttons={[
         {
-          text: "Contact Us Now",
-          href: "mailto:hello@digitalarc.com",
-        },
+          text: "Contact Us Now",          href: "mailto:hello@digitalarc.com"},
       ]}
     />
   </div>
@@ -296,33 +197,21 @@ export default function LandingPage() {
       logoText="DIGITAL ARC"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "WaaS",
-              href: "#services",
-            },
+              label: "WaaS",              href: "#services"},
             {
-              label: "Ecommerce",
-              href: "#services",
-            },
+              label: "Ecommerce",              href: "#services"},
             {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
+              label: "Portfolio",              href: "#portfolio"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1