From 1bd3d91c5d156c50d52855a095a8039dafbb2838 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 19:54:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 278 +++++++----------------------------------------
 1 file changed, 39 insertions(+), 239 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5321ed3..deb9689 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,67 +30,32 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="U-GROW"
-      button={{
-        text: "Get Started",
-      }}
+      button={{ text: "Get Started" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Crafting Future-Ready Digital Experiences"
       description="Premium creative freelancer turning ideas into high-end visual reality. Elevating brands with precision and elegance."
-      buttons={[
-        {
-          text: "View Portfolio",
-        },
-      ]}
+      buttons={[{ text: "View Portfolio" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/designer-desk-architectural-tools-notebook-working-place-concept_53876-123770.jpg",
-          imageAlt: "Experience 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975995.jpg",
-          imageAlt: "Experience 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-business-cards_93675-128237.jpg",
-          imageAlt: "Experience 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg",
-          imageAlt: "Experience 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-business-cards-brochures_23-2147728535.jpg",
-          imageAlt: "Experience 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
-          imageAlt: "Experience 6",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/designer-desk-architectural-tools-notebook-working-place-concept_53876-123770.jpg", imageAlt: "Experience 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975995.jpg", imageAlt: "Experience 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/blank-business-cards_93675-128237.jpg", imageAlt: "Experience 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg", imageAlt: "Experience 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/white-business-cards-brochures_23-2147728535.jpg", imageAlt: "Experience 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg", imageAlt: "Experience 6" },
       ]}
     />
   </div>
@@ -99,44 +64,19 @@ export default function LandingPage() {
       <TextSplitAbout
       useInvertedBackground={false}
       title="About U-GROW"
-      description={[
-        "I am a creative freelancer specialized in digital design and strategy. With a foundation in modern tech stack development and graphic design, I bring brands to life with luxury aesthetics and high-performance UX.",
-      ]}
+      description={["I am a creative freelancer specialized in digital design and strategy. With a foundation in modern tech stack development and graphic design, I bring brands to life with luxury aesthetics and high-performance UX."]}
     />
   </div>
 
   <div id="services" data-section="services">
       <FeatureCardTwentyThree
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Landing Page Design",
-          tags: [
-            "Modern",
-            "High-Conversion",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg",
-        },
-        {
-          id: "f2",
-          title: "Social Media Design",
-          tags: [
-            "Engagement",
-            "Visual",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-132150.jpg",
-        },
-        {
-          id: "f3",
-          title: "Business Cards",
-          tags: [
-            "Print",
-            "Luxury",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-man-hand-holding-cash-money-coin-wallet_107791-16208.jpg",
-        },
+        { id: "f1", title: "Landing Page Design", tags: ["Modern", "High-Conversion"], imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" },
+        { id: "f2", title: "Social Media Design", tags: ["Engagement", "Visual"], imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-132150.jpg" },
+        { id: "f3", title: "Business Cards", tags: ["Print", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/3d-man-hand-holding-cash-money-coin-wallet_107791-16208.jpg" },
       ]}
       title="Expertise & Services"
       description="Tailored solutions for growth-oriented brands and individuals."
@@ -145,64 +85,17 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          brand: "Tech",
-          name: "Website Interface",
-          price: "View Project",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-with-notepad-positive-messages_1134-97.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Design",
-          name: "Campaign Poster",
-          price: "View Project",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150976006.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Branding",
-          name: "Corporate Identity",
-          price: "View Project",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-name-card-pink-paper-textured-paint-background_53876-133269.jpg",
-        },
-        {
-          id: "p4",
-          brand: "UX/UI",
-          name: "Mobile App UI",
-          price: "View Project",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104509.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Print",
-          name: "Premium Cards",
-          price: "View Project",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-lives-matter-with-colorful-striped-background-social-media-post_53876-102431.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Art",
-          name: "Graphic Illustration",
-          price: "View Project",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-drawer-with-blue-handle_187299-47863.jpg",
-        },
+        { id: "p1", brand: "Tech", name: "Website Interface", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-notepad-positive-messages_1134-97.jpg" },
+        { id: "p2", brand: "Design", name: "Campaign Poster", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150976006.jpg" },
+        { id: "p3", brand: "Branding", name: "Corporate Identity", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/blank-name-card-pink-paper-textured-paint-background_53876-133269.jpg" },
+        { id: "p4", brand: "UX/UI", name: "Mobile App UI", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104509.jpg" },
+        { id: "p5", brand: "Print", name: "Premium Cards", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/black-lives-matter-with-colorful-striped-background-social-media-post_53876-102431.jpg" },
+        { id: "p6", brand: "Art", name: "Graphic Illustration", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-drawer-with-blue-handle_187299-47863.jpg" },
       ]}
       title="Selected Works"
       description="Showcasing premium design projects."
@@ -211,57 +104,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "pr1",
-          badge: "Landing Page",
-          price: "200-400 MAD",
-          subtitle: "High conversion websites",
-          buttons: [
-            {
-              text: "Book Now",
-            },
-          ],
-          features: [
-            "Responsive",
-            "Modern UI",
-            "Optimized",
-          ],
-        },
-        {
-          id: "pr2",
-          badge: "Social Media",
-          price: "100 MAD",
-          subtitle: "Stunning visuals",
-          buttons: [
-            {
-              text: "Order Design",
-            },
-          ],
-          features: [
-            "Custom Art",
-            "Fast Turnaround",
-            "Brand aligned",
-          ],
-        },
-        {
-          id: "pr3",
-          badge: "Business Card",
-          price: "100 MAD",
-          subtitle: "Luxury print ready",
-          buttons: [
-            {
-              text: "Get Design",
-            },
-          ],
-          features: [
-            "Print Ready",
-            "Gold Finishes",
-            "Professional",
-          ],
-        },
+        { id: "pr1", badge: "Landing Page", price: "200-400 MAD", subtitle: "High conversion websites", buttons: [{ text: "Book Now" }], features: ["Responsive", "Modern UI", "Optimized"] },
+        { id: "pr2", badge: "Social Media", price: "100 MAD", subtitle: "Stunning visuals", buttons: [{ text: "Order Design" }], features: ["Custom Art", "Fast Turnaround", "Brand aligned"] },
+        { id: "pr3", badge: "Business Card", price: "100 MAD", subtitle: "Luxury print ready", buttons: [{ text: "Get Design" }], features: ["Print Ready", "Gold Finishes", "Professional"] },
       ]}
       title="Investment"
       description="Premium design services for professional needs."
@@ -273,46 +122,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Exceptional Work",
-          quote: "U-GROW transformed my brand aesthetic entirely.",
-          name: "Sarah Ahmed",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg",
-        },
-        {
-          id: "t2",
-          title: "Modern Approach",
-          quote: "Professional, creative, and highly efficient. Highly recommended.",
-          name: "Omar Khalil",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
-        },
-        {
-          id: "t3",
-          title: "Top Tier Design",
-          quote: "The business cards designed are just stunning. Premium finish.",
-          name: "Layla Idrissi",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-        },
-        {
-          id: "t4",
-          title: "Great Partner",
-          quote: "U-GROW is the go-to for social media visuals.",
-          name: "Yassine Mansour",
-          role: "Marketing Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
-        },
-        {
-          id: "t5",
-          title: "Highly Professional",
-          quote: "Exceeded all expectations with my landing page.",
-          name: "Zineb Fassi",
-          role: "SaaS Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
-        },
+        { id: "t1", title: "Exceptional Work", quote: "U-GROW transformed my brand aesthetic entirely.", name: "Sarah Ahmed", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg" },
+        { id: "t2", title: "Modern Approach", quote: "Professional, creative, and highly efficient. Highly recommended.", name: "Omar Khalil", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg" },
+        { id: "t3", title: "Top Tier Design", quote: "The business cards designed are just stunning. Premium finish.", name: "Layla Idrissi", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
+        { id: "t4", title: "Great Partner", quote: "U-GROW is the go-to for social media visuals.", name: "Yassine Mansour", role: "Marketing Lead", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
+        { id: "t5", title: "Highly Professional", quote: "Exceeded all expectations with my landing page.", name: "Zineb Fassi", role: "SaaS Owner", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" },
       ]}
       title="Client Stories"
       description="What partners say about our collaboration."
@@ -324,22 +138,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Get In Touch"
       description="Ready to grow your brand? Contact me directly via WhatsApp 07215621205 or email."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Project details",
-      }}
+      inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+      textarea={{ name: "message", placeholder: "Project details" }}
       imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103283.jpg"
     />
   </div>
-- 
2.49.1