From 2fe0394ce0268908c9037b0677520032a95204bc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 07:57:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 224 ++++++++---------------------------------------
 1 file changed, 37 insertions(+), 187 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1aa4e3..4dc0e87 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Work",
-          id: "portfolio",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Work", id: "portfolio" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="EditPro Agency"
     />
@@ -47,20 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       logoText="EditPro Agency"
       description="Transforming your raw footage into cinematic masterpieces. We specialize in storytelling-driven editing for brands, creators, and businesses."
       buttons={[
-        {
-          text: "View Portfolio",
-          href: "#portfolio",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "View Portfolio", href: "#portfolio" },
+        { text: "Contact Us", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/asian-woman-editing-music-video-her-living-room-studio_482257-124253.jpg"
       imageAlt="Cinematic editing studio"
@@ -84,27 +71,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Corporate Video Editing",
-          description: "High-impact storytelling for brand identities, internal communications, and web marketing.",
-          tag: "Corporate",
-          imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-pc-screen-before-editing-color-grading_482257-122550.jpg",
-        },
-        {
-          id: "f2",
-          title: "Cinematic Color Grading",
-          description: "Elevate the look of your projects with professional-grade color correction and stylized grading.",
-          tag: "Grade",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-female-business-executives-interacting-while-working_1170-814.jpg",
-        },
-        {
-          id: "f3",
-          title: "Motion Graphics & VFX",
-          description: "Dynamic motion design and visual effects that bring your ideas to life.",
-          tag: "Motion",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-pleased-music-producer-enjoying-his-high-quality-track-control-room_482257-83513.jpg",
-        },
+        { id: "f1", title: "Corporate Video Editing", description: "High-impact storytelling for brand identities, internal communications, and web marketing.", tag: "Corporate", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-pc-screen-before-editing-color-grading_482257-122550.jpg" },
+        { id: "f2", title: "Cinematic Color Grading", description: "Elevate the look of your projects with professional-grade color correction and stylized grading.", tag: "Grade", imageSrc: "http://img.b2bpic.net/free-photo/male-female-business-executives-interacting-while-working_1170-814.jpg" },
+        { id: "f3", title: "Motion Graphics & VFX", description: "Dynamic motion design and visual effects that bring your ideas to life.", tag: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/joyful-pleased-music-producer-enjoying-his-high-quality-track-control-room_482257-83513.jpg" },
       ]}
       title="Our Video Services"
       description="Full-cycle post-production tailored to your unique needs."
@@ -113,39 +82,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Projects Completed",
-          items: [
-            "Commercials",
-            "Social Media",
-            "Documentaries",
-          ],
-        },
-        {
-          id: "m2",
-          value: "150+",
-          title: "Happy Clients",
-          items: [
-            "Tech Startups",
-            "Marketing Teams",
-            "Individual Creators",
-          ],
-        },
-        {
-          id: "m3",
-          value: "1.2M+",
-          title: "Views Generated",
-          items: [
-            "Viral Content",
-            "Ad Performance",
-            "Engagement Metrics",
-          ],
-        },
+        { id: "m1", value: "500+", title: "Projects Completed", items: ["Commercials", "Social Media", "Documentaries"] },
+        { id: "m2", value: "150+", title: "Happy Clients", items: ["Tech Startups", "Marketing Teams", "Individual Creators"] },
+        { id: "m3", value: "1.2M+", title: "Views Generated", items: ["Viral Content", "Ad Performance", "Engagement Metrics"] },
       ]}
       title="Our Agency Impact"
       description="Proven results for high-stakes creative projects."
@@ -159,42 +102,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Tech Commercial Ad",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",
-        },
-        {
-          id: "p2",
-          name: "Corporate Interview",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-working-media-post-production-from-agency-office_482257-119112.jpg",
-        },
-        {
-          id: "p3",
-          name: "Lifestyle Brand Edit",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg",
-        },
-        {
-          id: "p4",
-          name: "Documentary Feature",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/clapperboard_23-2147681334.jpg",
-        },
-        {
-          id: "p5",
-          name: "Launch Campaign",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/cooking-blogger_1098-19786.jpg",
-        },
-        {
-          id: "p6",
-          name: "Music Video Edit",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets-flat-lay_23-2149558744.jpg",
-        },
+        { id: "p1", name: "Tech Commercial Ad", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg" },
+        { id: "p2", name: "Corporate Interview", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-working-media-post-production-from-agency-office_482257-119112.jpg" },
+        { id: "p3", name: "Lifestyle Brand Edit", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg" },
       ]}
       title="Featured Work"
       description="Explore our portfolio of curated video editing projects ranging from commercial advertising to short-form social content."
@@ -203,44 +113,13 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          handle: "@marketing",
-          testimonial: "The most professional team I've worked with. They truly understand the narrative flow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marcus Thorne",
-          handle: "@creative",
-          testimonial: "Incredible turn-around times and impeccable taste in color grading.",
-          imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@startup",
-          testimonial: "They captured the essence of our product instantly. Very happy with the results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
-        },
-        {
-          id: "t4",
-          name: "David W.",
-          handle: "@director",
-          testimonial: "Polished, professional, and precise. A go-to agency for our production pipeline.",
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jenny Kim",
-          handle: "@techlead",
-          testimonial: "They take the complexity out of editing. Seamless collaboration every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg",
-        },
+        { id: "t1", name: "Sarah Jenkins", handle: "@marketing", testimonial: "The most professional team I've worked with. They truly understand the narrative flow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
+        { id: "t2", name: "Marcus Thorne", handle: "@creative", testimonial: "Incredible turn-around times and impeccable taste in color grading.", imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg" },
+        { id: "t3", name: "Elena Rodriguez", handle: "@startup", testimonial: "They captured the essence of our product instantly. Very happy with the results.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
       ]}
       title="What Our Clients Say"
       description="Professional feedback from partners who trust us with their vision."
@@ -249,28 +128,16 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqBase
+      faqsAnimation="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How does the revision process work?",
-          content: "We offer three rounds of revisions per project to ensure the final output perfectly matches your vision.",
-        },
-        {
-          id: "q2",
-          title: "Do you handle custom motion graphics?",
-          content: "Absolutely. Our team includes specialized motion graphic designers for custom branding and vfx.",
-        },
-        {
-          id: "q3",
-          title: "What is the typical turnaround time?",
-          content: "Turnaround depends on project scope, but most short-form projects are delivered within 48-72 hours.",
-        },
+        { id: "q1", title: "How does the revision process work?", content: "We offer three rounds of revisions per project to ensure the final output perfectly matches your vision." },
+        { id: "q2", title: "Do you handle custom motion graphics?", content: "Absolutely. Our team includes specialized motion graphic designers for custom branding and vfx." },
+        { id: "q3", title: "What is the typical turnaround time?", content: "Turnaround depends on project scope, but most short-form projects are delivered within 48-72 hours." },
       ]}
       title="Common Questions"
       description="Learn more about our process and how we handle client projects."
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -280,21 +147,10 @@ export default function LandingPage() {
       title="Start Your Project"
       description="Ready to elevate your video content? Reach out and let's start a conversation about your creative goals."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Your Email" },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-      }}
+      textarea={{ name: "message", placeholder: "Tell us about your project..." }}
       imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780739.jpg"
     />
   </div>
@@ -302,14 +158,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="EditPro Agency"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact Us", href: "#contact" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1