From 15f163de616244e6fc9d90c6bd9191d19cb54ea8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 24 May 2026 21:16:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 233 +++++++++++------------------------------------
 1 file changed, 53 insertions(+), 180 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 250cb56..da37bb4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Portfolio",
-          id: "portfolio",
-        },
+          name: "Portfolio",          id: "portfolio"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="FOUBIX ART"
     />
@@ -59,41 +49,26 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="CREATING THE FUTURE OF ART"
       description="Foubix Art: Cinematic visuals, premium edits, and strategic creative management for the next generation."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg",
-          alt: "dark futuristic abstract art",
-        },
+          src: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg",          alt: "dark futuristic abstract art"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-blue-fractal-background_1017-2724.jpg",
-          alt: "dark futuristic abstract art",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-blue-fractal-background_1017-2724.jpg",          alt: "dark futuristic abstract art"},
         {
-          src: "http://img.b2bpic.net/free-photo/abstract-stain-with-ferromagnetic-liquid-metal-with-copy-space_23-2148253549.jpg",
-          alt: "dark futuristic abstract art",
-        },
+          src: "http://img.b2bpic.net/free-photo/abstract-stain-with-ferromagnetic-liquid-metal-with-copy-space_23-2148253549.jpg",          alt: "dark futuristic abstract art"},
         {
-          src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098535.jpg",
-          alt: "dark futuristic abstract art",
-        },
+          src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098535.jpg",          alt: "dark futuristic abstract art"},
         {
-          src: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg",
-          alt: "Lights prisms effect close up",
-        },
+          src: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg",          alt: "Lights prisms effect close up"},
       ]}
       buttons={[
         {
-          text: "View Portfolio",
-          href: "#portfolio",
-        },
+          text: "View Portfolio",          href: "#portfolio"},
         {
-          text: "Book Services",
-          href: "#services",
-        },
+          text: "Book Services",          href: "#services"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -104,9 +79,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="THE VISIONARY"
       description={[
-        "Foubix Art was born from a desire to push the boundaries of digital storytelling.",
-        "We create high-end visual experiences that define brands, artists, and creative journeys through a modern, futuristic lens.",
-      ]}
+        "Foubix Art was born from a desire to push the boundaries of digital storytelling.",        "We create high-end visual experiences that define brands, artists, and creative journeys through a modern, futuristic lens."]}
     />
   </div>
 
@@ -118,34 +91,22 @@ export default function LandingPage() {
       features={[
         {
           icon: Palette,
-          title: "Cover Art",
-          description: "High-end visual design.",
-        },
+          title: "Cover Art",          description: "High-end visual design."},
         {
           icon: Scissors,
-          title: "Edit Clips",
-          description: "Cinematic video editing.",
-        },
+          title: "Edit Clips",          description: "Cinematic video editing."},
         {
           icon: Music,
-          title: "Platform Distribution",
-          description: "Spotify & Apple Music uploads.",
-        },
+          title: "Platform Distribution",          description: "Spotify & Apple Music uploads."},
         {
           icon: Film,
-          title: "Channel Management",
-          description: "Total YouTube oversight.",
-        },
+          title: "Channel Management",          description: "Total YouTube oversight."},
         {
           icon: Award,
-          title: "Promotion",
-          description: "Sponsorship & growth strategy.",
-        },
+          title: "Promotion",          description: "Sponsorship & growth strategy."},
         {
           icon: Share2,
-          title: "Social Strategy",
-          description: "Viral content planning.",
-        },
+          title: "Social Strategy",          description: "Viral content planning."},
       ]}
       title="CREATIVE DOMAINS"
       description="Comprehensive creative services for artists and labels."
@@ -154,52 +115,23 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Album Cover I",
-          price: "View",
-          variant: "Edits",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg?_wi=1",
-        },
+          id: "1",          name: "Album Cover I",          price: "View",          variant: "Edits",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg"},
         {
-          id: "2",
-          name: "Motion Edit A",
-          price: "View",
-          variant: "Video",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581264.jpg",
-        },
+          id: "2",          name: "Motion Edit A",          price: "View",          variant: "Video",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581264.jpg"},
         {
-          id: "3",
-          name: "Cyber Visual",
-          price: "View",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-assortment_23-2148960465.jpg",
-        },
+          id: "3",          name: "Cyber Visual",          price: "View",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-assortment_23-2148960465.jpg"},
         {
-          id: "4",
-          name: "Clip Edit 01",
-          price: "View",
-          variant: "Video",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiny-droplet-flowing-black_23-2147748927.jpg",
-        },
+          id: "4",          name: "Clip Edit 01",          price: "View",          variant: "Video",          imageSrc: "http://img.b2bpic.net/free-photo/tiny-droplet-flowing-black_23-2147748927.jpg"},
         {
-          id: "5",
-          name: "Strategy Art",
-          price: "View",
-          variant: "Promo",
-          imageSrc: "http://img.b2bpic.net/free-photo/aquarius-zodiac-sign-red-background-horoscope-astrology-background-aquarius-red-horoscope_559531-11812.jpg",
-        },
+          id: "5",          name: "Strategy Art",          price: "View",          variant: "Promo",          imageSrc: "http://img.b2bpic.net/free-photo/aquarius-zodiac-sign-red-background-horoscope-astrology-background-aquarius-red-horoscope_559531-11812.jpg"},
         {
-          id: "6",
-          name: "Promotional Set",
-          price: "View",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79983.jpg",
-        },
+          id: "6",          name: "Promotional Set",          price: "View",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79983.jpg"},
       ]}
       title="FEATURED WORKS"
       description="Selected projects and cinematic edits."
@@ -213,50 +145,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          title: "Essential",
-          price: "Custom",
-          period: "project",
-          features: [
-            "Cover Art",
-            "Social Post",
-          ],
+          id: "basic",          title: "Essential",          price: "Custom",          period: "project",          features: [
+            "Cover Art",            "Social Post"],
           button: {
-            text: "Contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/old-person-browsing-internet-find-artistic-inspiration-laptop-computer-using-technology-draw-artwork-sketch-drawing-artwork-masterpiece-with-creative-skills-artistic-tools_482257-45921.jpg",
-          imageAlt: "artist in dark studio",
-        },
+            text: "Contact"},
+          imageSrc: "http://img.b2bpic.net/free-photo/old-person-browsing-internet-find-artistic-inspiration-laptop-computer-using-technology-draw-artwork-sketch-drawing-artwork-masterpiece-with-creative-skills-artistic-tools_482257-45921.jpg",          imageAlt: "artist in dark studio"},
         {
-          id: "pro",
-          title: "Creator",
-          price: "Custom",
-          period: "project",
-          features: [
-            "Full Edit Clips",
-            "Channel Mgmt",
-          ],
+          id: "pro",          title: "Creator",          price: "Custom",          period: "project",          features: [
+            "Full Edit Clips",            "Channel Mgmt"],
           button: {
-            text: "Contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg",
-          imageAlt: "artist in dark studio",
-        },
+            text: "Contact"},
+          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-vertical-background_52683-129373.jpg",          imageAlt: "artist in dark studio"},
         {
-          id: "elite",
-          title: "Elite",
-          price: "Custom",
-          period: "project",
-          features: [
-            "Everything",
-            "Strategy/Ads",
-          ],
+          id: "elite",          title: "Elite",          price: "Custom",          period: "project",          features: [
+            "Everything",            "Strategy/Ads"],
           button: {
-            text: "Contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg?_wi=2",
-          imageAlt: "artist in dark studio",
-        },
+            text: "Contact"},
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg",          imageAlt: "artist in dark studio"},
       ]}
       title="SERVICES & PACKAGES"
       description="Premium creative solutions."
@@ -270,45 +175,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex V.",
-          handle: "@alex",
-          testimonial: "The best visual work I've ever seen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg",
-        },
+          id: "1",          name: "Alex V.",          handle: "@alex",          testimonial: "The best visual work I've ever seen.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg"},
         {
-          id: "2",
-          name: "Sam K.",
-          handle: "@sam",
-          testimonial: "Foubix transforms concepts into masterpieces.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
-        },
+          id: "2",          name: "Sam K.",          handle: "@sam",          testimonial: "Foubix transforms concepts into masterpieces.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg"},
         {
-          id: "3",
-          name: "Jordan P.",
-          handle: "@jordan",
-          testimonial: "Incredible communication and creative vision.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg",
-        },
+          id: "3",          name: "Jordan P.",          handle: "@jordan",          testimonial: "Incredible communication and creative vision.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg"},
         {
-          id: "4",
-          name: "Casey M.",
-          handle: "@casey",
-          testimonial: "My channel growth skyrocketed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
-        },
+          id: "4",          name: "Casey M.",          handle: "@casey",          testimonial: "My channel growth skyrocketed.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg"},
         {
-          id: "5",
-          name: "Riley T.",
-          handle: "@riley",
-          testimonial: "Unmatched aesthetic and luxury vibe.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
-        },
+          id: "5",          name: "Riley T.",          handle: "@riley",          testimonial: "Unmatched aesthetic and luxury vibe.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg"},
       ]}
       showRating={true}
       title="CLIENT VOICES"
@@ -320,14 +200,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       text="Ready to bring your vision to life? Let's discuss your project."
       buttons={[
         {
-          text: "Message Foubix",
-          href: "https://www.instagram.com/foubix_art/",
-        },
+          text: "Message Foubix",          href: "https://www.instagram.com/foubix_art/"},
       ]}
     />
   </div>
@@ -336,13 +213,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="FOUBIX ART"
       leftLink={{
-        text: "Instagram",
-        href: "https://www.instagram.com/foubix_art/",
-      }}
+        text: "Instagram",        href: "https://www.instagram.com/foubix_art/"}}
       rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1