From d19ee0ebafa5871f6c1a90f84083a5993738b9e9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:40:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 133 ++++++++++++-----------------------------------
 1 file changed, 33 insertions(+), 100 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8d677f..c8e2890 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Cas media"
     />
@@ -49,45 +43,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Redefining Digital Presence."
       description="Cas media builds premium digital experiences for forward-thinking brands."
       buttons={[
         {
-          text: "View Our Work",
-          href: "#services",
-        },
+          text: "View Our Work",          href: "#services"},
         {
-          text: "Let's Talk",
-          href: "#contact",
-        },
+          text: "Let's Talk",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png",
-          imageAlt: "Minimalist Studio",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png",          imageAlt: "Minimalist Studio"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png",
-          imageAlt: "Abstract Waves",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png",          imageAlt: "Abstract Waves"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png",
-          imageAlt: "Architectural Lines",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png",          imageAlt: "Architectural Lines"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png",
-          imageAlt: "Ink In Water",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png",          imageAlt: "Ink In Water"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png",
-          imageAlt: "Frosted Glass",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png",          imageAlt: "Frosted Glass"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/subtle-dark-gradient-dots-on-black-moder-1775072404912-a2fb2181.png",
-          imageAlt: "Digital Dots",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/subtle-dark-gradient-dots-on-black-moder-1775072404912-a2fb2181.png",          imageAlt: "Digital Dots"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -108,30 +85,16 @@ export default function LandingPage() {
 
   <div id="services" data-section="services">
       <FeatureCardMedia
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Strategy",
-          description: "Defining your path to digital success.",
-          tag: "Design",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/high-end-software-dashboard-showing-clea-1775072411448-70e19bb1.png",
-        },
+          id: "f1",          title: "Strategy",          description: "Defining your path to digital success.",          tag: "Design",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/high-end-software-dashboard-showing-clea-1775072411448-70e19bb1.png"},
         {
-          id: "f2",
-          title: "Execution",
-          description: "Pixel-perfect development tailored for scale.",
-          tag: "Code",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/minimalist-digital-strategy-diagram-clea-1775072406032-cbfc3d72.png",
-        },
+          id: "f2",          title: "Execution",          description: "Pixel-perfect development tailored for scale.",          tag: "Code",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/minimalist-digital-strategy-diagram-clea-1775072406032-cbfc3d72.png"},
         {
-          id: "f3",
-          title: "Growth",
-          description: "Data-driven results for your brand.",
-          tag: "Launch",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/abstract-web-development-concept-clean-c-1775072407160-a9329e52.png",
-        },
+          id: "f3",          title: "Growth",          description: "Data-driven results for your brand.",          tag: "Launch",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/abstract-web-development-concept-clean-c-1775072407160-a9329e52.png"},
       ]}
       title="Our Expertise"
       description="Tailored solutions for your digital growth."
@@ -146,25 +109,15 @@ export default function LandingPage() {
       author="Jordan Smith, Marketing Lead at Lux"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png",
-          alt: "Client 1",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png",          alt: "Client 1"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png",
-          alt: "Client 2",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png",          alt: "Client 2"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png",
-          alt: "Client 3",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png",          alt: "Client 3"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png",
-          alt: "Client 4",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png",          alt: "Client 4"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png",
-          alt: "Client 5",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png",          alt: "Client 5"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -178,61 +131,41 @@ export default function LandingPage() {
       description="Ready to take your digital experience to the next level?"
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Describe your project",
-        rows: 4,
+        name: "message",        placeholder: "Describe your project",        rows: 4,
         required: true,
       }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png"
       mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png"
       columns={[
         {
-          title: "Cas media",
-          items: [
+          title: "Cas media",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              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: "#"},
           ],
         },
       ]}
-- 
2.49.1