From 7b665bb3186fe93d59c3331b1bb5da44f2b30108 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 12 Jun 2026 04:19:41 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3cb327d..09d1e9d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Why Choose Us",
-          id: "#why-us",
-        },
+          name: "Why Choose Us",          id: "#why-us"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Peri Digital Collective"
     />
@@ -59,67 +49,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Your brand deserves to be seen.\nWe make sure it is."
       description="We're a digital marketing agency obsessed with growing eCommerce brands — through scroll-stopping social, smart paid ads, and emails people actually want to open."
       buttons={[
         {
-          text: "Let's grow together",
-          href: "#contact",
-        },
+          text: "Let's grow together",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg"
       imageAlt="Modern digital marketing dashboard showing growth metrics"
-      mediaAnimation="entrance-slide"
+      mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
-          alt: "Joyful business woman with coffee cup",
-        },
+          src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",          alt: "Joyful business woman with coffee cup"},
         {
-          src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371902.jpg",
-          alt: "Smiling Beautiful Middle-aged Business Woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371902.jpg",          alt: "Smiling Beautiful Middle-aged Business Woman"},
         {
-          src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-office-drinking-coffee_1157-26436.jpg",
-          alt: "Portrait of attractive young businesswoman",
-        },
+          src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-office-drinking-coffee_1157-26436.jpg",          alt: "Portrait of attractive young businesswoman"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg",
-          alt: "Middle age latin businesswoman smiling happy",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg",          alt: "Middle age latin businesswoman smiling happy"},
         {
-          src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2487.jpg",
-          alt: "Front view portrait of beautiful woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2487.jpg",          alt: "Front view portrait of beautiful woman"},
       ]}
       avatarText="Join 100+ thriving eCommerce brands."
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Data-Driven Growth",
-          icon: LineChart,
+          type: "text-icon",          text: "Data-Driven Growth",          icon: LineChart,
         },
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/business-data-analytics_23-2151957121.jpg",
-          alt: "Empty startup office displays statistics",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/business-data-analytics_23-2151957121.jpg",          alt: "Empty startup office displays statistics"},
+        {
+          type: "text-icon",          text: "Creative Excellence",          icon: Feather,
         },
         {
-          type: "text-icon",
-          text: "Creative Excellence",
-          icon: Feather,
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-laptop-table_1232-4897.jpg",          alt: "Laptop computer with company profit progress on screen"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-laptop-table_1232-4897.jpg",
-          alt: "Laptop computer with company profit progress on screen",
-        },
-        {
-          type: "text-icon",
-          text: "Client-Focused",
-          icon: Users,
+          type: "text-icon",          text: "Client-Focused",          icon: Users,
         },
       ]}
     />
@@ -135,7 +100,7 @@ export default function LandingPage() {
       icon={Briefcase}
       imageSrc="http://img.b2bpic.net/free-photo/graphic-having-discussion-office_1170-1762.jpg"
       imageAlt="Team of digital marketers collaborating on a strategy"
-      mediaAnimation="entrance-slide"
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -143,35 +108,16 @@ export default function LandingPage() {
       <FeatureCardTwentyEight
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="slide-up"
       features={[
         {
-          id: "paid-social",
-          title: "Paid Social — Meta & TikTok",
-          subtitle: "From thumb-stopping creative to precision targeting, we run Meta and TikTok ads that convert. We handle the strategy, the creative direction, the testing, and the scaling — so you can focus on running your business.",
-          category: "Advertising",
-          value: "Convert cold traffic into loyal customers.",
-        },
+          id: "paid-social",          title: "Paid Social — Meta & TikTok",          subtitle: "From thumb-stopping creative to precision targeting, we run Meta and TikTok ads that convert. We handle the strategy, the creative direction, the testing, and the scaling — so you can focus on running your business.",          category: "Advertising",          value: "Convert cold traffic into loyal customers."},
         {
-          id: "social-media",
-          title: "Social Media Management",
-          subtitle: "Consistency is queen. We manage your social presence end-to-end — content creation, copywriting, scheduling, and community engagement. Your audience will grow. Your feed will look incredible.",
-          category: "Engagement",
-          value: "Build a thriving online community.",
-        },
+          id: "social-media",          title: "Social Media Management",          subtitle: "Consistency is queen. We manage your social presence end-to-end — content creation, copywriting, scheduling, and community engagement. Your audience will grow. Your feed will look incredible.",          category: "Engagement",          value: "Build a thriving online community."},
         {
-          id: "email-marketing",
-          title: "Email Marketing",
-          subtitle: "Email is still one of the highest-converting channels out there, and we know exactly how to use it. From welcome flows to campaign calendars, we craft emails your customers actually look forward to receiving.",
-          category: "Retention",
-          value: "Craft emails customers love to open.",
-        },
+          id: "email-marketing",          title: "Email Marketing",          subtitle: "Email is still one of the highest-converting channels out there, and we know exactly how to use it. From welcome flows to campaign calendars, we craft emails your customers actually look forward to receiving.",          category: "Retention",          value: "Craft emails customers love to open."},
         {
-          id: "google-marketing",
-          title: "Google Marketing",
-          subtitle: "Get in front of people who are already looking for what you sell. We run Google Ads and Shopping campaigns that drive qualified traffic and turn clicks into customers.",
-          category: "Search",
-          value: "Drive qualified traffic and sales.",
-        },
+          id: "google-marketing",          title: "Google Marketing",          subtitle: "Get in front of people who are already looking for what you sell. We run Google Ads and Shopping campaigns that drive qualified traffic and turn clicks into customers.",          category: "Search",          value: "Drive qualified traffic and sales."},
       ]}
       title="What we do (and do really well)"
       description="From thumb-stopping creative to precision targeting, we handle the strategy, creative, testing, and scaling – so you can focus on running your business."
@@ -183,14 +129,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Modern Threads",
-        "Gourmet Pantry",
-        "Wonder Kids Co.",
-        "Elegance Home",
-        "FitPulse Apparel",
-        "PureGlow Skincare",
-        "Circuit Innovations",
-      ]}
+        "Modern Threads",        "Gourmet Pantry",        "Wonder Kids Co.",        "Elegance Home",        "FitPulse Apparel",        "PureGlow Skincare",        "Circuit Innovations"]}
       title="Trusted by leading eCommerce brands"
       description="We've helped businesses big and small achieve their growth targets."
       showCard={true}
@@ -202,27 +141,16 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
+      animationType="slide-up"
       metrics={[
         {
-          id: "metric-1",
-          value: "Goal-Focused",
-          description: "Strategy built around your goals, not a one-size-fits-all template",
-        },
+          id: "metric-1",          value: "Goal-Focused",          description: "Strategy built around your goals, not a one-size-fits-all template"},
         {
-          id: "metric-2",
-          value: "Impactful",
-          description: "Creative that actually connects with your audience",
-        },
+          id: "metric-2",          value: "Impactful",          description: "Creative that actually connects with your audience"},
         {
-          id: "metric-3",
-          value: "Transparent",
-          description: "Reporting with no smoke, no mirrors",
-        },
+          id: "metric-3",          value: "Transparent",          description: "Reporting with no smoke, no mirrors"},
         {
-          id: "metric-4",
-          value: "Passionate",
-          description: "A team that's just as excited about your growth as you are",
-        },
+          id: "metric-4",          value: "Passionate",          description: "A team that's just as excited about your growth as you are"},
       ]}
       title="Why brands choose us"
       description="We're not a big agency where you get lost in the mix. We're a tight-knit team of specialists who genuinely care about your brand's growth — and we treat your budget like it's our own."
@@ -233,61 +161,31 @@ export default function LandingPage() {
       <TestimonialCardSixteen
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "GrowthSpark LLC",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
+          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "GrowthSpark LLC",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
         {
-          id: "2",
-          name: "Michael Chen",
-          role: "Marketing Director",
-          company: "DigitalBloom Agency",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-        },
+          id: "2",          name: "Michael Chen",          role: "Marketing Director",          company: "DigitalBloom Agency",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "E-commerce Store Owner",
-          company: "StyleVerse Boutique",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-student-girl-dressed-trench-coat-looking-thoughtful-going-home-after-university-through-cozy-city-park_574295-2379.jpg",
-        },
+          id: "3",          name: "Emily Rodriguez",          role: "E-commerce Store Owner",          company: "StyleVerse Boutique",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-student-girl-dressed-trench-coat-looking-thoughtful-going-home-after-university-through-cozy-city-park_574295-2379.jpg"},
         {
-          id: "4",
-          name: "David Kim",
-          role: "Brand Manager",
-          company: "InnovateBrands Inc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
-        },
+          id: "4",          name: "David Kim",          role: "Brand Manager",          company: "InnovateBrands Inc.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg"},
         {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Founder & CEO",
-          company: "FutureTech Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg",
-        },
+          id: "5",          name: "Jessica Lee",          role: "Founder & CEO",          company: "FutureTech Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg"},
       ]}
       kpiItems={[
         {
-          value: "40%",
-          label: "Average ROI Increase",
-        },
+          value: "40%",          label: "Average ROI Increase"},
         {
-          value: "2.5x",
-          label: "Conversion Rate Growth",
-        },
+          value: "2.5x",          label: "Conversion Rate Growth"},
         {
-          value: "95%",
-          label: "Client Satisfaction",
-        },
+          value: "95%",          label: "Client Satisfaction"},
       ]}
       title="Don't just take our word for it."
       description="Hear what our partners have to say about the results we deliver."
@@ -298,14 +196,13 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in touch"
       title="Ready to make your brand impossible to ignore?"
       description="Let's chat. We'll get to know your brand, your goals, and figure out exactly where we can take you."
       imageSrc="http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg"
       imageAlt="Team collaborating on a laptop with digital marketing data"
-      mediaAnimation="entrance-slide"
+      mediaAnimation="slide-up"
       buttonText="Book a free discovery call"
     />
   </div>
@@ -314,58 +211,35 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Paid Social",
-              href: "#services",
-            },
+              label: "Paid Social",              href: "#services"},
             {
-              label: "Social Media Mgmt",
-              href: "#services",
-            },
+              label: "Social Media Mgmt",              href: "#services"},
             {
-              label: "Email Marketing",
-              href: "#services",
-            },
+              label: "Email Marketing",              href: "#services"},
             {
-              label: "Google Marketing",
-              href: "#services",
-            },
+              label: "Google Marketing",              href: "#services"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Why Choose Us",
-              href: "#why-us",
-            },
+              label: "Why Choose Us",              href: "#why-us"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}