From c950db474d8b91f48eb42d4e402d6a5e303026d6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 16:53:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 337 +++++++----------------------------------------
 1 file changed, 51 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b15a2dc..19713a9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Work",
-          id: "portfolio",
-        },
-        {
-          name: "Case Studies",
-          id: "case-studies",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Services", id: "services" },
+        { name: "Work", id: "portfolio" },
+        { name: "Case Studies", id: "case-studies" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ROSFAY"
     />
@@ -60,102 +45,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="We Build The Future of Digital Brands"
       description="RosFay is a next-generation creative studio crafting elite logos, futuristic websites, AI-powered experiences, and luxury digital identities for modern brands."
       testimonials={[
-        {
-          name: "Sarah Chen",
-          handle: "@chen_tech",
-          testimonial: "RosFay transformed our identity into something truly futuristic. The attention to detail is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg",
-        },
-        {
-          name: "Marcus V.",
-          handle: "@mv_ai",
-          testimonial: "The AI integration in our new site is mind-blowing. They are years ahead of the industry.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
-        },
-        {
-          name: "Elena Ross",
-          handle: "@eross_creative",
-          testimonial: "God-tier design sensibility. My startup feels like a billion-dollar entity now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg",
-        },
-        {
-          name: "Alex K.",
-          handle: "@ak_dev",
-          testimonial: "The aesthetic is clean, cinematic, and incredibly polished. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916027.jpg",
-        },
-        {
-          name: "Sofia J.",
-          handle: "@sofj_brand",
-          testimonial: "An incredible experience. RosFay isn't just a studio, it's a partner in innovation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg",
-        },
+        { name: "Sarah Chen", handle: "@chen_tech", testimonial: "RosFay transformed our identity into something truly futuristic. The attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg" },
+        { name: "Marcus V.", handle: "@mv_ai", testimonial: "The AI integration in our new site is mind-blowing. They are years ahead of the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" },
+        { name: "Elena Ross", handle: "@eross_creative", testimonial: "God-tier design sensibility. My startup feels like a billion-dollar entity now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg" },
+        { name: "Alex K.", handle: "@ak_dev", testimonial: "The aesthetic is clean, cinematic, and incredibly polished. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916027.jpg" },
+        { name: "Sofia J.", handle: "@sofj_brand", testimonial: "An incredible experience. RosFay isn't just a studio, it's a partner in innovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg" }
       ]}
       buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-        {
-          text: "Explore Work",
-          href: "#portfolio",
-        },
+        { text: "Start Project", href: "#contact" },
+        { text: "Explore Work", href: "#portfolio" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627916.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
-          alt: "Client avatar 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
-          alt: "Client avatar 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg",
-          alt: "Client avatar 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
-          alt: "Client avatar 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/facility-supervisor-suit-monitoring-solar-panel-production-line_482257-126102.jpg",
-          alt: "Client avatar 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg", alt: "Client avatar 1" },
+        { src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", alt: "Client avatar 2" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg", alt: "Client avatar 3" },
+        { src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", alt: "Client avatar 4" },
+        { src: "http://img.b2bpic.net/free-photo/facility-supervisor-suit-monitoring-solar-panel-production-line_482257-126102.jpg", alt: "Client avatar 5" }
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "CYBERNETIC LUXURY",
-        },
-        {
-          type: "text",
-          text: "AI DRIVEN",
-        },
-        {
-          type: "text",
-          text: "FUTURE READY",
-        },
-        {
-          type: "text",
-          text: "ELITE DESIGN",
-        },
-        {
-          type: "text",
-          text: "NEXT GEN",
-        },
+        { type: "text", text: "CYBERNETIC LUXURY" },
+        { type: "text", text: "AI DRIVEN" },
+        { type: "text", text: "FUTURE READY" },
+        { type: "text", text: "ELITE DESIGN" },
+        { type: "text", text: "NEXT GEN" }
       ]}
     />
   </div>
@@ -170,78 +87,31 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureCardTwentyOne
       useInvertedBackground={false}
+      mediaAnimation="slide-up"
       title="Our Elite Services"
       description="We craft premium digital identities using cutting-edge design and AI-integrated technology."
       accordionItems={[
-        {
-          id: "s1",
-          title: "Logo Design",
-          content: "Crafting unique, high-end logos that capture the soul of your futuristic brand identity.",
-        },
-        {
-          id: "s2",
-          title: "Website Development",
-          content: "Ultra-smooth, responsive, and high-performance websites built with a cinematic edge.",
-        },
-        {
-          id: "s3",
-          title: "Brand Systems",
-          content: "Scalable, modern, and elite brand architecture for companies looking to dominate the future.",
-        },
+        { id: "s1", title: "Logo Design", content: "Crafting unique, high-end logos that capture the soul of your futuristic brand identity." },
+        { id: "s2", title: "Website Development", content: "Ultra-smooth, responsive, and high-performance websites built with a cinematic edge." },
+        { id: "s3", title: "Brand Systems", content: "Scalable, modern, and elite brand architecture for companies looking to dominate the future." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-triangle_23-2151293868.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardFour
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Quantum Interface",
-          price: "AI Startup",
-          variant: "2035",
-          imageSrc: "http://img.b2bpic.net/free-vector/elegant-home-screen_23-2148744105.jpg",
-        },
-        {
-          id: "p2",
-          name: "Neon Finance",
-          price: "Luxury SaaS",
-          variant: "2036",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg",
-        },
-        {
-          id: "p3",
-          name: "HyperNova Web",
-          price: "Tech Identity",
-          variant: "2035",
-          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-template-design_23-2150396322.jpg",
-        },
-        {
-          id: "p4",
-          name: "Aether Identity",
-          price: "Crypto Start",
-          variant: "2037",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22689.jpg",
-        },
-        {
-          id: "p5",
-          name: "Flux Systems",
-          price: "Global Scale",
-          variant: "2038",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137357.jpg",
-        },
-        {
-          id: "p6",
-          name: "Nova Ledger",
-          price: "Fintech Labs",
-          variant: "2039",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg",
-        },
+        { id: "p1", name: "Quantum Interface", price: "AI Startup", variant: "2035", imageSrc: "http://img.b2bpic.net/free-vector/elegant-home-screen_23-2148744105.jpg" },
+        { id: "p2", name: "Neon Finance", price: "Luxury SaaS", variant: "2036", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg" },
+        { id: "p3", name: "HyperNova Web", price: "Tech Identity", variant: "2035", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-template-design_23-2150396322.jpg" },
+        { id: "p4", name: "Aether Identity", price: "Crypto Start", variant: "2037", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22689.jpg" },
+        { id: "p5", name: "Flux Systems", price: "Global Scale", variant: "2038", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137357.jpg" },
+        { id: "p6", name: "Nova Ledger", price: "Fintech Labs", variant: "2039", imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg" }
       ]}
       title="Featured Projects"
       description="Showcasing our best work for AI startups, luxury tech, and finance brands."
@@ -254,24 +124,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Zap,
-          title: "Projects Launched",
-          value: "150+",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Design Awards",
-          value: "42",
-        },
-        {
-          id: "m3",
-          icon: Star,
-          title: "Client Satisfaction",
-          value: "100%",
-        },
+        { id: "m1", icon: Zap, title: "Projects Launched", value: "150+" },
+        { id: "m2", icon: Award, title: "Design Awards", value: "42" },
+        { id: "m3", icon: Star, title: "Client Satisfaction", value: "100%" }
       ]}
       title="Impact Delivered"
       description="Numbers that define our elite performance."
@@ -280,44 +135,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Chen",
-          handle: "@chen_tech",
-          testimonial: "Unparalleled design capability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marcus V.",
-          handle: "@mv_ai",
-          testimonial: "They built the future today.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Ross",
-          handle: "@eross_creative",
-          testimonial: "God-tier design standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
-        },
-        {
-          id: "t4",
-          name: "Alex K.",
-          handle: "@ak_dev",
-          testimonial: "Truly modern aesthetics.",
-          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: "t5",
-          name: "Sofia J.",
-          handle: "@sofj_brand",
-          testimonial: "An incredible experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-posing-with-blue-light_23-2149596263.jpg",
-        },
+        { id: "t1", name: "Sarah Chen", handle: "@chen_tech", testimonial: "Unparalleled design capability.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg" },
+        { id: "t2", name: "Marcus V.", handle: "@mv_ai", testimonial: "They built the future today.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg" },
+        { id: "t3", name: "Elena Ross", handle: "@eross_creative", testimonial: "God-tier design standards.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg" },
+        { id: "t4", name: "Alex K.", handle: "@ak_dev", testimonial: "Truly modern aesthetics.", 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: "t5", name: "Sofia J.", handle: "@sofj_brand", testimonial: "An incredible experience.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-posing-with-blue-light_23-2149596263.jpg" }
       ]}
       title="Words From Our Elite Partners"
       description="Trusted by visionary leaders across the global tech sector."
@@ -326,41 +152,15 @@ export default function LandingPage() {
 
   <div id="case-studies" data-section="case-studies">
       <BlogCardThree
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       title="Selected Case Studies"
       description="Deep dives into how we redefine digital reality."
       blogs={[
-        {
-          id: "b1",
-          category: "UI/UX",
-          title: "Quantum AI Interface",
-          excerpt: "Reimagining data as a living digital ecosystem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
-          authorName: "RosFay",
-          authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-436.jpg",
-          date: "2035",
-        },
-        {
-          id: "b2",
-          category: "Fintech",
-          title: "Neon Finance Rebrand",
-          excerpt: "How we combined trust with cyberpunk aesthetics.",
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-identification-interfaces-background_1284-26510.jpg",
-          authorName: "RosFay",
-          authorAvatar: "http://img.b2bpic.net/free-photo/male-building-contractor-solar-panel-plant-conducts-routine-inspection_482257-126007.jpg",
-          date: "2036",
-        },
-        {
-          id: "b3",
-          category: "SaaS",
-          title: "HyperNova Platform",
-          excerpt: "Scalable infrastructure with an elite interface.",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg",
-          authorName: "RosFay",
-          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg",
-          date: "2037",
-        },
+        { id: "b1", category: "UI/UX", title: "Quantum AI Interface", excerpt: "Reimagining data as a living digital ecosystem.", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg", authorName: "RosFay", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-436.jpg", date: "2035" },
+        { id: "b2", category: "Fintech", title: "Neon Finance Rebrand", excerpt: "How we combined trust with cyberpunk aesthetics.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-identification-interfaces-background_1284-26510.jpg", authorName: "RosFay", authorAvatar: "http://img.b2bpic.net/free-photo/male-building-contractor-solar-panel-plant-conducts-routine-inspection_482257-126007.jpg", date: "2036" },
+        { id: "b3", category: "SaaS", title: "HyperNova Platform", excerpt: "Scalable infrastructure with an elite interface.", imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg", authorName: "RosFay", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg", date: "2037" }
       ]}
     />
   </div>
@@ -368,17 +168,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="GET IN TOUCH"
       title="Let’s Build Something Insane"
       description="Reach out to start your project. hello.rosfay@gmail.com"
       buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello.rosfay@gmail.com",
-        },
+        { text: "Contact Us", href: "mailto:hello.rosfay@gmail.com" }
       ]}
     />
   </div>
@@ -386,38 +181,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Case Studies",
-              href: "#case-studies",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Instagram",
-              href: "https://instagram.com/Rosfay.uk",
-            },
-          ],
-        },
+        { items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }, { label: "Case Studies", href: "#case-studies" }] },
+        { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Instagram", href: "https://instagram.com/Rosfay.uk" }] }
       ]}
       logoText="ROSFAY"
     />