From a352aeb5ebed842d4effd4d5efdd84e7ddbe2fd5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 13:05:54 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4dada52..4073ab9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Aura Social"
     />
@@ -55,15 +47,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Elevating Digital Identity to Art."
       description="Aura Social is a premium agency dedicated to crafting high-impact digital narratives for luxury brands. We define the intersection of data, creativity, and influence."
       buttons={[
         {
-          text: "Consultation",
-          href: "#contact",
-        },
+          text: "Consultation",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg"
       imageAlt="Sophisticated creative workspace"
@@ -72,38 +61,21 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="split-description"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "150%",
-          title: "Avg. Engagement Uplift",
-          items: [
-            "Audience growth",
-            "Strategic positioning",
-            "Trend analysis",
-          ],
+          id: "m1",          value: "150%",          title: "Avg. Engagement Uplift",          items: [
+            "Audience growth",            "Strategic positioning",            "Trend analysis"],
         },
         {
-          id: "m2",
-          value: "40+",
-          title: "Luxury Brands Served",
-          items: [
-            "Global reach",
-            "Boutique focus",
-            "Full-stack campaigns",
-          ],
+          id: "m2",          value: "40+",          title: "Luxury Brands Served",          items: [
+            "Global reach",            "Boutique focus",            "Full-stack campaigns"],
         },
         {
-          id: "m3",
-          value: "5M+",
-          title: "Impressions Managed",
-          items: [
-            "High conversion",
-            "Organic growth",
-            "Influencer synergy",
-          ],
+          id: "m3",          value: "5M+",          title: "Impressions Managed",          items: [
+            "High conversion",            "Organic growth",            "Influencer synergy"],
         },
       ]}
       title="Data-Driven Excellence."
@@ -119,20 +91,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Creative Strategy",
-          description: "Storytelling that transforms brands into industry icons.",
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-technology-color-banner-business-thin_1417-614.jpg",
-        },
+          title: "Creative Strategy",          description: "Storytelling that transforms brands into industry icons.",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-technology-color-banner-business-thin_1417-614.jpg"},
         {
-          title: "Presence Optimization",
-          description: "Precision content aimed at maximizing social influence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg",
-        },
+          title: "Presence Optimization",          description: "Precision content aimed at maximizing social influence.",          imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg"},
         {
-          title: "Performance Analytics",
-          description: "Deep-dive data interpretation for future-proof growth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-        },
+          title: "Performance Analytics",          description: "Deep-dive data interpretation for future-proof growth.",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"},
       ]}
       title="Crafting Digital Distinction."
       description="We blend artistic precision with technical acumen to define your presence."
@@ -147,41 +110,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Brand Identity Design",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-vector/brochure-template-hotel-accommodation_23-2150273028.jpg",
-        },
+          id: "p1",          name: "Brand Identity Design",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-vector/brochure-template-hotel-accommodation_23-2150273028.jpg"},
         {
-          id: "p2",
-          name: "Content Editorial Suite",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-vector/templates-black-covers-business-reports_87202-1304.jpg",
-        },
+          id: "p2",          name: "Content Editorial Suite",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-vector/templates-black-covers-business-reports_87202-1304.jpg"},
         {
-          id: "p3",
-          name: "Media Asset Toolkit",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-group-businesswomen-high-powered-meeting_482257-123612.jpg",
-        },
+          id: "p3",          name: "Media Asset Toolkit",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-group-businesswomen-high-powered-meeting_482257-123612.jpg"},
         {
-          id: "p4",
-          name: "Performance Report",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
-        },
+          id: "p4",          name: "Performance Report",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"},
         {
-          id: "p5",
-          name: "Campaign Strategy Map",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg",
-        },
+          id: "p5",          name: "Campaign Strategy Map",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg"},
         {
-          id: "p6",
-          name: "Trend Forecast Analysis",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-gadget-device-notebook-blank-space-concept_53876-14432.jpg",
-        },
+          id: "p6",          name: "Trend Forecast Analysis",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-gadget-device-notebook-blank-space-concept_53876-14432.jpg"},
       ]}
       title="A Curated Portfolio of Impact."
       description="Strategic solutions designed for brands that refuse to compromise."
@@ -195,40 +134,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Elena Vance",
-          handle: "@evance",
-          testimonial: "Aura Social redefined our brand narrative with unparalleled elegance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
-        },
+          id: "t1",          name: "Elena Vance",          handle: "@evance",          testimonial: "Aura Social redefined our brand narrative with unparalleled elegance.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg"},
         {
-          id: "t2",
-          name: "Julian Thorne",
-          handle: "@jthorne",
-          testimonial: "Data-driven results wrapped in beautiful creative strategy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
+          id: "t2",          name: "Julian Thorne",          handle: "@jthorne",          testimonial: "Data-driven results wrapped in beautiful creative strategy.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
         {
-          id: "t3",
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Professional, insightful, and consistently ahead of trends.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
-        },
+          id: "t3",          name: "Sarah Miller",          handle: "@smiller",          testimonial: "Professional, insightful, and consistently ahead of trends.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg"},
         {
-          id: "t4",
-          name: "Marcus R.",
-          handle: "@mrcs_r",
-          testimonial: "The gold standard for luxury social media management.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ethnic-young-woman-writing-clipboard_23-2148180633.jpg",
-        },
+          id: "t4",          name: "Marcus R.",          handle: "@mrcs_r",          testimonial: "The gold standard for luxury social media management.",          imageSrc: "http://img.b2bpic.net/free-photo/ethnic-young-woman-writing-clipboard_23-2148180633.jpg"},
         {
-          id: "t5",
-          name: "Chloe Dupont",
-          handle: "@cdupont",
-          testimonial: "Unmatched sophistication in every campaign we've launched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
-        },
+          id: "t5",          name: "Chloe Dupont",          handle: "@cdupont",          testimonial: "Unmatched sophistication in every campaign we've launched.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg"},
       ]}
       title="Voices of Distinction."
       description="The result of our commitment to creative excellence."
@@ -242,54 +156,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          price: "Custom",
-          name: "Essential Aura",
-          buttons: [
+          id: "basic",          price: "Custom",          name: "Essential Aura",          buttons: [
             {
-              text: "Inquire",
-              href: "#contact",
-            },
+              text: "Inquire",              href: "#contact"},
           ],
           features: [
-            "Brand Audit",
-            "Monthly Content Calendar",
-            "Basic Analytics",
-          ],
+            "Brand Audit",            "Monthly Content Calendar",            "Basic Analytics"],
         },
         {
-          id: "pro",
-          price: "Custom",
-          name: "Premium Influence",
-          buttons: [
+          id: "pro",          price: "Custom",          name: "Premium Influence",          buttons: [
             {
-              text: "Inquire",
-              href: "#contact",
-            },
+              text: "Inquire",              href: "#contact"},
           ],
           features: [
-            "Full Strategy",
-            "Content Production",
-            "Daily Engagement",
-            "Deep Analytics",
-          ],
+            "Full Strategy",            "Content Production",            "Daily Engagement",            "Deep Analytics"],
         },
         {
-          id: "elite",
-          price: "Custom",
-          name: "Iconic Presence",
-          buttons: [
+          id: "elite",          price: "Custom",          name: "Iconic Presence",          buttons: [
             {
-              text: "Inquire",
-              href: "#contact",
-            },
+              text: "Inquire",              href: "#contact"},
           ],
           features: [
-            "Global Campaigning",
-            "Dedicated Management",
-            "Influencer Syndication",
-            "24/7 Support",
-          ],
+            "Global Campaigning",            "Dedicated Management",            "Influencer Syndication",            "24/7 Support"],
         },
       ]}
       title="Bespoke Engagements."
@@ -303,20 +191,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How do you define brand identity?",
-          content: "We look at the intersection of your heritage and your future market aspiration.",
-        },
+          id: "q1",          title: "How do you define brand identity?",          content: "We look at the intersection of your heritage and your future market aspiration."},
         {
-          id: "q2",
-          title: "Do you work with global brands?",
-          content: "Yes, our strategy framework is optimized for multi-market presence.",
-        },
+          id: "q2",          title: "Do you work with global brands?",          content: "Yes, our strategy framework is optimized for multi-market presence."},
         {
-          id: "q3",
-          title: "What metrics do you emphasize?",
-          content: "Conversion, brand affinity, and sentiment velocity are our top KPIs.",
-        },
+          id: "q3",          title: "What metrics do you emphasize?",          content: "Conversion, brand affinity, and sentiment velocity are our top KPIs."},
       ]}
       title="Common Inquiries."
       description="Questions regarding our bespoke methodology and engagement model."
@@ -328,14 +207,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Ready to redefine your presence? Start the conversation with our agency leads today."
       buttons={[
         {
-          text: "Email Our Team",
-          href: "mailto:hello@aurasocial.com",
-        },
+          text: "Email Our Team",          href: "mailto:hello@aurasocial.com"},
       ]}
     />
   </div>
@@ -344,13 +220,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Aura Social"
       leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
       rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1