From 30d561921a6f65a0f73e5e1774ac4ff25885336e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 16:08:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 352 ++++++++---------------------------------------
 1 file changed, 59 insertions(+), 293 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 084cfc0..bee3afc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Work",
-          id: "#work",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Work", id: "#work" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Tapasya Mittal"
     />
@@ -50,33 +41,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Creative Portfolio"
       description="Visual identity, packaging, and book design crafted with passion and purpose. I help brands tell their unique story through compelling visuals."
       tag="Graphic Designer"
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=1",
-          imageAlt: "Graphic Designer Portrait",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=1",
-          imageAlt: "Design Work Showcase",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",
-          imageAlt: "Young painter in white shirt",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg",
-          imageAlt: "Male artist painting at studio",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-779.jpg",
-          imageAlt: "Male graphic designer using digital tablet",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg", imageAlt: "Graphic Designer Portrait" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg", imageAlt: "Design Work Showcase" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -90,7 +61,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Crafting Brand Identities"
       description="I focus on creating thoughtful, visually appealing brand identities that resonate with Gen Z and beyond. My approach balances modern style with clear communication."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg"
       imageAlt="Brand Company Kit"
     />
   </div>
@@ -100,73 +71,25 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      features={[
-        {
-          title: "Concept Creation",
-          description: "Developing initial ideas based on brand personality.",
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Brand storytelling",
-            },
-            {
-              icon: CheckCircle,
-              text: "Visual hierarchy",
-            },
-          ],
-          reverse: false,
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=2",
-            imageAlt: "Packaging Concept",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=2",
-          imageAlt: "User provided image",
-        },
-        {
-          title: "Brand Cohesion",
-          description: "Ensuring every pack reflects the core identity.",
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Consistent color palettes",
-            },
-            {
-              icon: CheckCircle,
-              text: "Typography balance",
-            },
-          ],
-          reverse: true,
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=2",
-            imageAlt: "Packaging Cohesion",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg?_wi=1",
-          imageAlt: "User provided image",
-        },
-        {
-          title: "Visual Impact",
-          description: "Creating designs that captivate the target audience.",
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Modern aesthetic",
-            },
-            {
-              icon: CheckCircle,
-              text: "High engagement",
-            },
-          ],
-          reverse: false,
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=1",
-            imageAlt: "Visual Impact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=1",
-          imageAlt: "User provided image",
-        },
-      ]}
       title="Packaging Design Expertise"
       description="I create packaging that stands out on the shelf, balancing creativity with practical brand communication."
+      features={[
+        {
+          title: "Concept Creation",          description: "Developing initial ideas based on brand personality.",          items: [{ icon: CheckCircle, text: "Brand storytelling" }, { icon: CheckCircle, text: "Visual hierarchy" }],
+          reverse: false,
+          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg", imageAlt: "Packaging Concept" }
+        },
+        {
+          title: "Brand Cohesion",          description: "Ensuring every pack reflects the core identity.",          items: [{ icon: CheckCircle, text: "Consistent color palettes" }, { icon: CheckCircle, text: "Typography balance" }],
+          reverse: true,
+          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg", imageAlt: "Packaging Cohesion" }
+        },
+        {
+          title: "Visual Impact",          description: "Creating designs that captivate the target audience.",          items: [{ icon: CheckCircle, text: "Modern aesthetic" }, { icon: CheckCircle, text: "High engagement" }],
+          reverse: false,
+          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg", imageAlt: "Visual Impact" }
+        }
+      ]}
     />
   </div>
 
@@ -177,60 +100,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          brand: "Identity",
-          name: "Logo Design",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          brand: "Identity",
-          name: "Company Kit",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=3",
-        },
-        {
-          id: "3",
-          brand: "Print",
-          name: "Envelopes",
-          price: "Custom",
-          rating: 4,
-          reviewCount: "50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          brand: "Print",
-          name: "Letterheads",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "60",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          brand: "Stationery",
-          name: "Business Cards",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=2",
-        },
-        {
-          id: "6",
-          brand: "Stationery",
-          name: "Folder Design",
-          price: "Custom",
-          rating: 4,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=2",
-        },
+        { id: "1", brand: "Identity", name: "Logo Design", price: "Custom", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg" },
+        { id: "2", brand: "Identity", name: "Company Kit", price: "Custom", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg" },
+        { id: "3", brand: "Print", name: "Envelopes", price: "Custom", rating: 4, reviewCount: "50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg" }
       ]}
       title="Brand Company Kits"
       description="Comprehensive design solutions tailored to establish consistent, professional brand identities."
@@ -242,109 +114,39 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      features={[
-        {
-          title: "Gen Z Focus",
-          description: "Targeted visuals for modern readers.",
-          items: [
-            {
-              icon: Zap,
-              text: "Eye-catching colors",
-            },
-            {
-              icon: Zap,
-              text: "Youthful vibe",
-            },
-          ],
-          reverse: false,
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg?_wi=3",
-            imageAlt: "Gen Z Book Cover",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-2shc324i.jpg?_wi=4",
-          imageAlt: "User provided image",
-        },
-        {
-          title: "Clean Typography",
-          description: "Modern fonts for maximum readability.",
-          items: [
-            {
-              icon: Zap,
-              text: "Dynamic layout",
-            },
-            {
-              icon: Zap,
-              text: "Clear communication",
-            },
-          ],
-          reverse: true,
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg?_wi=4",
-            imageAlt: "Typography Detail",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-bhmo4fxw.jpg?_wi=4",
-          imageAlt: "User provided image",
-        },
-        {
-          title: "Trendy Elements",
-          description: "Integrating current design trends.",
-          items: [
-            {
-              icon: Zap,
-              text: "Bold visuals",
-            },
-            {
-              icon: Zap,
-              text: "Relatable themes",
-            },
-          ],
-          reverse: false,
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=3",
-            imageAlt: "Trends Showcase",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=3",
-          imageAlt: "User provided image",
-        },
-      ]}
       title="Book Cover Design"
       description="Bold, fresh designs connecting deeply with the Gen Z audience."
+      features={[
+        {
+          title: "Gen Z Focus",          description: "Targeted visuals for modern readers.",          items: [{ icon: Zap, text: "Eye-catching colors" }, { icon: Zap, text: "Youthful vibe" }],
+          reverse: false,
+          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-37du6737.jpg", imageAlt: "Gen Z Book Cover" }
+        },
+        {
+          title: "Clean Typography",          description: "Modern fonts for maximum readability.",          items: [{ icon: Zap, text: "Dynamic layout" }, { icon: Zap, text: "Clear communication" }],
+          reverse: true,
+          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-sdip55j6.jpg", imageAlt: "Typography Detail" }
+        },
+        {
+          title: "Trendy Elements",          description: "Integrating current design trends.",          items: [{ icon: Zap, text: "Bold visuals" }, { icon: Zap, text: "Relatable themes" }],
+          reverse: false,
+          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg", imageAlt: "Trends Showcase" }
+        }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg?_wi=4",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-plans-showing-approval_23-2148269277.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-posing-gray-marble-wall_158595-6767.jpg",
-        },
-        {
-          id: "5",
-          name: "Sofia Rossi",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
-        },
-      ]}
       cardTitle="Client Voices"
       cardTag="Trusted by Brands"
       cardAnimation="slide-up"
+      testimonials={[
+        { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg" },
+        { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg" },
+        { id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-plans-showing-approval_23-2148269277.jpg" }
+      ]}
     />
   </div>
 
@@ -353,23 +155,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "What is your design process?",
-          content: "I research, sketch, and iterate until the design matches your brand vision perfectly.",
-        },
-        {
-          id: "2",
-          title: "Do you offer revisions?",
-          content: "Yes, I offer up to three rounds of revisions to ensure you are 100% satisfied with the outcome.",
-        },
-        {
-          id: "3",
-          title: "How do we get started?",
-          content: "Simply reach out via email or social media and we can discuss your specific project needs.",
-        },
+        { id: "1", title: "What is your design process?", content: "I research, sketch, and iterate until the design matches your brand vision perfectly." },
+        { id: "2", title: "Do you offer revisions?", content: "Yes, I offer up to three rounds of revisions to ensure you are 100% satisfied with the outcome." },
+        { id: "3", title: "How do we get started?", content: "Simply reach out via email or social media and we can discuss your specific project needs." }
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg?_wi=4"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXNx7WXcJJJN1YzMFAU3OGeC8v/uploaded-1776528451107-hzpberw9.jpg"
       title="Common Questions"
       description="Learn more about my design process and project timeline."
       faqsAnimation="slide-up"
@@ -380,9 +170,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Let's Connect"
       title="Let's Work Together"
       description="I assure you that you won't regret your decision to work with me."
@@ -391,36 +179,14 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Portfolio",
-              href: "#hero",
-            },
-            {
-              label: "Work",
-              href: "#work",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Email",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="Tapasya Mittal"
+      columns={[
+        { items: [{ label: "Portfolio", href: "#hero" }, { label: "Work", href: "#work" }] },
+        { items: [{ label: "Instagram", href: "#" }, { label: "Email", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1