Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { BarChart2, Database, Zap } from "lucide-react";
+import { BarChart2, Database } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,16 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Projects", id: "projects" },
-          name: "About",          id: "about"},
+        { name: "University", id: "university" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Projects",          id: "projects"},
-        {
-          name: "University",          id: "university"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="GradPath"
     />
@@ -49,17 +44,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Graduate Journey Towards Academic Excellence"
       description="Showcasing my research path, academic projects, and future vision for advanced graduate studies at top-tier universities."
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/top-view-backpack-full-stationery-items_23-2148224267.jpg", imageAlt: "Research Excellence" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cad-program-pc-display-photovoltaics-factory_482257-124932.jpg", imageAlt: "Data Science Projects" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cad-program-pc-display-photovoltaics-factory_482257-124932.jpg", imageAlt: "Data Science Projects" }
-        { imageSrc: "http://img.b2bpic.net/free-photo/school-word-color-pencils-black-background_23-2148193369.jpg", imageAlt: "University Campus" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/pile-paperback-books-table_93675-129043.jpg", imageAlt: "Academic Planning" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-update-ai-systems_482257-96249.jpg", imageAlt: "Software Laboratory" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-student-male-blue-t-shirt-sitting-desk-indoors-rewriting-information-from-book-copy-book-attractive-dark-skinned-man-writing-sinopsis-while-sitting-cozy-cafeteria_273609-7518.jpg", imageAlt: "Graduation Success" }
       ]}
     />
   </div>
@@ -72,32 +62,13 @@ export default function LandingPage() {
   </div>
 
   <div id="projects" data-section="projects">
-      <FeatureCardTwentyFive
+      <FeatureCardTwelve
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "p1", label: "Research", title: "Algorithmic Efficiency", items: ["Large scale data structures", "Performance optimization"] },
-          title: "Algorithmic Efficiency",          description: "Analyzing large scale data structures for optimized compute performance.",          icon: Database,
+        { id: "p2", label: "Data", title: "Predictive Modeling", items: ["Machine learning", "Insight generation"] }
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/male-female-colleagues-standing-by-window-looking-business-graphs-it_1098-20205.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-home-office-with-monitors-stock-market_482257-29630.jpg" }
-          ]
-        },
-        {
-          title: "Predictive Modeling",          description: "Applying machine learning to derive meaningful insights from raw data.",          icon: BarChart2,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970195.jpg" }
-          ]
-        },
-        {
-          title: "Robotics Integration",          description: "Designing autonomous systems for real-world environmental monitoring.",          icon: Zap,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-431.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-vr-headset-girl-protective-glasses_1268-23734.jpg" }
-          ]
-        }
       ]}
       title="Academic Projects & Research"
       description="Selected projects spanning data analysis, software engineering, and robotics."
@@ -105,18 +76,15 @@ export default function LandingPage() {
   </div>
 
   <div id="university" data-section="university">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
+      gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        { id: "u1", name: "Massachusetts Tech", price: "AI & Robotics", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-abbey-chorin-germany-daytime_181624-14039.jpg" },
+        { id: "u1", name: "Massachusetts Tech", price: "AI & Robotics", variant: "Top Priority", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-abbey-chorin-germany-daytime_181624-14039.jpg" },
-        { id: "u2", name: "Stanford University", price: "Machine Learning", imageSrc: "http://img.b2bpic.net/free-photo/catholic-church-rethymnon-crete_268835-17435.jpg" },
+        { id: "u2", name: "Stanford University", price: "Machine Learning", variant: "Research Focus", imageSrc: "http://img.b2bpic.net/free-photo/catholic-church-rethymnon-crete_268835-17435.jpg" },
-        { id: "u3", name: "UC Berkeley", price: "Computer Science", imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844710.jpg" },
+        { id: "u3", name: "UC Berkeley", price: "Computer Science", variant: "Collaboration", imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844710.jpg" }
-        { id: "u4", name: "ETH Zurich", price: "Systems Eng", imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-holding-books-hand-drinking-coffee_23-2148093506.jpg" },
-        { id: "u5", name: "CMU", price: "Data Engineering", imageSrc: "http://img.b2bpic.net/free-photo/modern-grey-concrete-building_250224-323.jpg" },
-        { id: "u6", name: "Oxford University", price: "Theoretical CS", imageSrc: "http://img.b2bpic.net/free-photo/closeup-books-wellorganized-shelves-bookstore_181624-59504.jpg" }
       ]}
       title="Target University Roadmap"
       description="Institutions I am actively preparing applications for based on research fit."
@@ -124,15 +92,13 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+      <MetricCardEleven
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "3.9+", description: "GPA" },
+        { id: "m1", value: "3.9+", title: "Academic GPA", description: "Consistent excellence", imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-girl_23-2148201854.jpg?_wi=1" },
-        { id: "m2", value: "15", description: "Projects" },
+        { id: "m2", value: "15", title: "Research Projects", description: "Diverse portfolio", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg?_wi=1" }
-        { id: "m3", value: "6", description: "Target Unis" }
       ]}
       title="Academic Achievement Metrics"
       description="Progress tracking across my application portfolio milestones."
@@ -140,15 +106,13 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardTwo
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
+      animationType="slide-up"
       testimonials={[
-        { id: "t1", name: "Prof. Alan Smith", date: "Jan 2024", title: "Dean of Research", quote: "Exceptional insight in complex algorithms.", tag: "CS Dept", avatarSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-girl_23-2148201854.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-backpack-full-stationery-items_23-2148224267.jpg", imageAlt: "student professor professional portrait" },
+        { id: "t1", name: "Prof. Alan Smith", role: "Dean of Research", testimonial: "Exceptional insight in complex algorithms.", imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-girl_23-2148201854.jpg?_wi=2", icon: Database },
-        { id: "t2", name: "Dr. Sarah Chen", date: "Feb 2024", title: "Senior Scientist", quote: "Highly diligent research student.", tag: "ML Group", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cad-program-pc-display-photovoltaics-factory_482257-124932.jpg", imageAlt: "student professor professional portrait" },
+        { id: "t2", name: "Dr. Sarah Chen", role: "Senior Scientist", testimonial: "Highly diligent research student.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg?_wi=2", icon: BarChart2 }
-        { id: "t3", name: "Dr. David Kim", date: "Mar 2024", title: "Lab Director", quote: "Innovative, structured, and curious.", tag: "Engineering", avatarSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-looking-front-smiling-confident-standing-pink-wall_141793-48066.jpg", imageSrc: "http://img.b2bpic.net/free-photo/school-word-color-pencils-black-background_23-2148193369.jpg", imageAlt: "student professor professional portrait" },
-        { id: "t4", name: "Prof. Elena Rossi", date: "Apr 2024", title: "Academic Advisor", quote: "Top 1% of research potential.", tag: "Physics Dept", avatarSrc: "http://img.b2bpic.net/free-photo/confident-man_1098-16175.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pile-paperback-books-table_93675-129043.jpg", imageAlt: "student professor professional portrait" },
-        { id: "t5", name: "Dr. Marcus Bell", date: "May 2024", title: "Industry Liaison", quote: "Practical application of theory.", tag: "CS Tech", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2149434895.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-update-ai-systems_482257-96249.jpg", imageAlt: "student professor professional portrait" }
       ]}
       title="Academic Recommendations"
       description="Endorsements from my professors and professional research leads."
@@ -156,33 +120,34 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
       useInvertedBackground={false}
+      faqsAnimation="slide-up"
       faqs={[
         { id: "q1", title: "Research Interests?", content: "I focus on AI and data optimization." },
-        { id: "q2", title: "Degree Goal?", content: "Pursuing an MS leading into a PhD program." },
+        { id: "q2", title: "Degree Goal?", content: "Pursuing an MS leading into a PhD program." }
-        { id: "q3", title: "Timeline?", content: "Applications for the Fall 2025 cycle." }
       ]}
-      sideTitle="Common Inquiries"
+      title="Common Inquiries"
-      faqsAnimation="slide-up"
+      description="Frequently asked questions about my research journey."
+      textboxLayout="default"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
       useInvertedBackground={false}
       background={{ variant: "plain" }}
-      tag="Inquiries"
+      text="Open for research collaboration or professional networking. Feel free to reach out via email."
-      title="Get in Touch"
-      description="Open for research collaboration or professional networking."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="GradPath"
-      leftLink={{ text: "Contact", href: "#contact" }}
+      columns={[
-      rightLink={{ text: "Back to Top", href: "#" }}
+        { items: [{ label: "Research", href: "#projects" }, { label: "Targets", href: "#university" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Back to Top", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>