Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Projects",
-          id: "projects",
-        },
+          name: "Projects",          id: "projects"},
         {
-          name: "Experience",
-          id: "experience",
-        },
+          name: "Experience",          id: "experience"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Portfolio"
     />
@@ -55,63 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Aspiring Creative Developer"
       description="Crafting digital experiences through code, curiosity, and design thinking. Building the future, one project at a time."
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5yikkt",
-          alt: "student smiling holding books",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5yikkt",          alt: "student smiling holding books"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t",
-          alt: "happy professional portrait",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t",          alt: "happy professional portrait"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb",
-          alt: "successful student professional",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb",          alt: "successful student professional"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma",
-          alt: "professional headshot man",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma",          alt: "professional headshot man"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb",
-          alt: "happy female professional",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb",          alt: "happy female professional"},
       ]}
       buttons={[
         {
-          text: "View Projects",
-          href: "#projects",
-        },
+          text: "View Projects",          href: "#projects"},
         {
-          text: "Contact Me",
-          href: "#contact",
-        },
+          text: "Contact Me",          href: "#contact"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "React",
-        },
+          type: "text",          text: "React"},
         {
-          type: "text",
-          text: "TypeScript",
-        },
+          type: "text",          text: "TypeScript"},
         {
-          type: "text",
-          text: "Tailwind CSS",
-        },
+          type: "text",          text: "Tailwind CSS"},
         {
-          type: "text",
-          text: "Figma",
-        },
+          type: "text",          text: "Figma"},
         {
-          type: "text",
-          text: "Node.js",
-        },
+          type: "text",          text: "Node.js"},
       ]}
     />
   </div>
@@ -120,7 +87,12 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       tag="About Me"
-      title="Hello, I'm the Student Portfolio Creator"
+      title="Bridging Design & Code to Solve Real-World Problems"
+      buttons={[
+        {
+          text: "View Portfolio",          href: "#projects"}
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -131,20 +103,11 @@ export default function LandingPage() {
       tag="Expertise"
       metrics={[
         {
-          id: "m1",
-          value: "15+",
-          description: "Projects Completed",
-        },
+          id: "m1",          value: "15+",          description: "Projects Completed"},
         {
-          id: "m2",
-          value: "95%",
-          description: "Academic Excellence",
-        },
+          id: "m2",          value: "95%",          description: "Academic Excellence"},
         {
-          id: "m3",
-          value: "4",
-          description: "Years of Study",
-        },
+          id: "m3",          value: "4",          description: "Years of Study"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -158,41 +121,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Academic Research Portal",
-          price: "Research",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av38xm",
-        },
+          id: "p1",          name: "Academic Research Portal",          price: "Research",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av38xm"},
         {
-          id: "p2",
-          name: "Design Branding System",
-          price: "Design",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6fgani",
-        },
+          id: "p2",          name: "Design Branding System",          price: "Design",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6fgani"},
         {
-          id: "p3",
-          name: "SaaS Platform Prototype",
-          price: "Code",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbpivc",
-        },
+          id: "p3",          name: "SaaS Platform Prototype",          price: "Code",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbpivc"},
         {
-          id: "p4",
-          name: "UI/UX Case Study",
-          price: "Research",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yl1yep",
-        },
+          id: "p4",          name: "UI/UX Case Study",          price: "Research",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yl1yep"},
         {
-          id: "p5",
-          name: "Open Source Contribution",
-          price: "Code",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4i0m",
-        },
+          id: "p5",          name: "Open Source Contribution",          price: "Code",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4i0m"},
         {
-          id: "p6",
-          name: "Digital Marketing Concept",
-          price: "Design",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2hvz32",
-        },
+          id: "p6",          name: "Digital Marketing Concept",          price: "Design",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2hvz32"},
       ]}
       title="Selected Projects"
       description="A showcase of my recent work in web development, design, and research."
@@ -207,25 +146,15 @@ export default function LandingPage() {
       author="Prof. Smith"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t",
-          alt: "happy professional portrait",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r6t0t",          alt: "happy professional portrait"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb",
-          alt: "successful student professional",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyfnb",          alt: "successful student professional"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma",
-          alt: "professional headshot man",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv33ma",          alt: "professional headshot man"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb",
-          alt: "happy female professional",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eql5xb",          alt: "happy female professional"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at27nc",
-          alt: "friendly student portrait",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=at27nc",          alt: "friendly student portrait"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -239,20 +168,11 @@ export default function LandingPage() {
       description="Internships, volunteer work, and leadership roles."
       accordionItems={[
         {
-          id: "ex1",
-          title: "Summer Intern at TechCorp",
-          content: "Led the front-end transition for internal tools.",
-        },
+          id: "ex1",          title: "Summer Intern at TechCorp",          content: "Led the front-end transition for internal tools."},
         {
-          id: "ex2",
-          title: "Volunteer Lead at CharityHub",
-          content: "Managed the digital outreach strategy.",
-        },
+          id: "ex2",          title: "Volunteer Lead at CharityHub",          content: "Managed the digital outreach strategy."},
         {
-          id: "ex3",
-          title: "University Research Assistant",
-          content: "Conducted data analysis and paper publication.",
-        },
+          id: "ex3",          title: "University Research Assistant",          content: "Conducted data analysis and paper publication."},
       ]}
       mediaAnimation="slide-up"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ky1ms3"
@@ -264,20 +184,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "What tools do you use?",
-          content: "React, TypeScript, Tailwind, Figma.",
-        },
+          id: "q1",          title: "What tools do you use?",          content: "React, TypeScript, Tailwind, Figma."},
         {
-          id: "q2",
-          title: "Are you looking for opportunities?",
-          content: "Yes, I am currently exploring internships.",
-        },
+          id: "q2",          title: "Are you looking for opportunities?",          content: "Yes, I am currently exploring internships."},
         {
-          id: "q3",
-          title: "How can I contact you?",
-          content: "Feel free to email or connect on LinkedIn.",
-        },
+          id: "q3",          title: "How can I contact you?",          content: "Feel free to email or connect on LinkedIn."},
       ]}
       sideTitle="Questions? Ask Away."
       faqsAnimation="slide-up"
@@ -288,14 +199,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Let's build something amazing together."
       buttons={[
         {
-          text: "Send an Email",
-          href: "mailto:hello@student.edu",
-        },
+          text: "Send an Email",          href: "mailto:hello@student.edu"},
       ]}
     />
   </div>
@@ -304,16 +212,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Student Portfolio © 2024"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "LinkedIn",
-        href: "https://linkedin.com",
-      }}
+        text: "LinkedIn",        href: "https://linkedin.com"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}