Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,73 +29,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Features", id: "features" },
-          id: "hero",
+        { name: "Notes", id: "notes" },
-        },
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Notes",
-          id: "notes",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="NoteVault"
-      button={{
+      button={{ text: "Get Started", href: "#pricing" }}
-        text: "Get Started",
-        href: "#pricing",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       title="Master Your Studies with Premium Notes"
       description="Stop searching, start learning. Access high-quality, verified academic resources created by top-performing students to help you succeed faster."
-      buttons={[
+      buttons={[{ text: "Browse Notes", href: "#notes" }]}
-        {
-          text: "Browse Notes",
-          href: "#notes",
-        },
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=1", imageAlt: "Study Notes Desktop" },
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=2", imageAlt: "Study Notes Desktop" },
-          imageAlt: "Study Notes Desktop",
+        { imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=3", imageAlt: "Study Notes Desktop" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=4", imageAlt: "Study Notes Desktop" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=5", imageAlt: "Study Notes Desktop" },
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=2",
+        { imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=6", imageAlt: "Study Notes Desktop" }
-          imageAlt: "Study Notes Desktop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=3",
-          imageAlt: "Study Notes Desktop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=4",
-          imageAlt: "Study Notes Desktop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=5",
-          imageAlt: "Study Notes Desktop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=6",
-          imageAlt: "Study Notes Desktop",
-        },
       ]}
     />
   </div>
@@ -107,41 +64,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Verified Quality", description: "All notes are checked for accuracy and formatting by our expert team.", imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=1", titleIconSrc: "CheckCircle", buttonText: "Learn More" },
-          title: "Verified Quality",
+        { title: "Structured Format", description: "Easy to follow, logical sections that make complex topics simple.", imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=2", titleIconSrc: "Layout", buttonText: "Learn More" },
-          description: "All notes are checked for accuracy and formatting by our expert team.",
+        { title: "Instant Access", description: "Download your study materials immediately after purchase.", imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=3", titleIconSrc: "Zap", buttonText: "Learn More" },
-          imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=1",
+        { title: "Expert Verified", description: "Our team of academics verifies every single document uploaded.", imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=4", titleIconSrc: "ShieldCheck", buttonText: "Learn More" },
-          titleIconSrc: "CheckCircle",
+        { title: "Collaborative Growth", description: "Join a global network of students sharing knowledge and success.", imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=5", titleIconSrc: "Users", buttonText: "Learn More" }
-          buttonText: "Learn More",
-        },
-        {
-          title: "Structured Format",
-          description: "Easy to follow, logical sections that make complex topics simple.",
-          imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=2",
-          titleIconSrc: "Layout",
-          buttonText: "Learn More",
-        },
-        {
-          title: "Instant Access",
-          description: "Download your study materials immediately after purchase.",
-          imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=3",
-          titleIconSrc: "Zap",
-          buttonText: "Learn More",
-        },
-        {
-          title: "Expert Verified",
-          description: "Our team of academics verifies every single document uploaded.",
-          imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=4",
-          titleIconSrc: "ShieldCheck",
-          buttonText: "Learn More",
-        },
-        {
-          title: "Collaborative Growth",
-          description: "Join a global network of students sharing knowledge and success.",
-          imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3925.jpg?_wi=5",
-          titleIconSrc: "Users",
-          buttonText: "Learn More",
-        },
       ]}
       title="Why Choose NoteVault"
       description="We ensure the highest quality educational resources to keep you ahead."
@@ -155,48 +82,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Biology 101 Lecture Notes", price: "$15.00", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=1" },
-          id: "1",
+        { id: "2", name: "Organic Chemistry Summary", price: "$22.00", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=2" },
-          name: "Biology 101 Lecture Notes",
+        { id: "3", name: "Calculus II Practice Guide", price: "$18.00", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=3" },
-          price: "$15.00",
+        { id: "4", name: "Physics Mechanics Review", price: "$12.00", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=4" },
-          variant: "PDF",
+        { id: "5", name: "Macroeconomics Deep Dive", price: "$20.00", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=5" },
-          imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=1",
+        { id: "6", name: "Computer Science Algorithms", price: "$25.00", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=6" }
-        },
-        {
-          id: "2",
-          name: "Organic Chemistry Summary",
-          price: "$22.00",
-          variant: "PDF",
-          imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Calculus II Practice Guide",
-          price: "$18.00",
-          variant: "PDF",
-          imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Physics Mechanics Review",
-          price: "$12.00",
-          variant: "PDF",
-          imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Macroeconomics Deep Dive",
-          price: "$20.00",
-          variant: "PDF",
-          imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=5",
-        },
-        {
-          id: "6",
-          name: "Computer Science Algorithms",
-          price: "$25.00",
-          variant: "PDF",
-          imageSrc: "http://img.b2bpic.net/free-vector/international-school-letterhead-template_23-2150678261.jpg?_wi=6",
-        },
       ]}
       title="Popular Study Notes"
       description="Find exactly what you need for your upcoming exams."
@@ -209,54 +100,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "single", badge: "Basic", price: "$9.99", subtitle: "Perfect for one-off exam prep", buttons: [{ text: "Buy Now" }], features: ["Single note access", "Lifetime updates", "Standard support"] },
-          id: "single",
+        { id: "pro", badge: "Pro", price: "$29.99", subtitle: "Best for power learners", buttons: [{ text: "Get Access" }], features: ["10 notes per month", "Priority access", "Community forum access"] },
-          badge: "Basic",
+        { id: "unlimited", badge: "Unlimited", price: "$49.99", subtitle: "For the ultimate scholar", buttons: [{ text: "Go Unlimited" }], features: ["Full library access", "Expert Q&A", "Offline reading mode"] }
-          price: "$9.99",
-          subtitle: "Perfect for one-off exam prep",
-          buttons: [
-            {
-              text: "Buy Now",
-            },
-          ],
-          features: [
-            "Single note access",
-            "Lifetime updates",
-            "Standard support",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$29.99",
-          subtitle: "Best for power learners",
-          buttons: [
-            {
-              text: "Get Access",
-            },
-          ],
-          features: [
-            "10 notes per month",
-            "Priority access",
-            "Community forum access",
-          ],
-        },
-        {
-          id: "unlimited",
-          badge: "Unlimited",
-          price: "$49.99",
-          subtitle: "For the ultimate scholar",
-          buttons: [
-            {
-              text: "Go Unlimited",
-            },
-          ],
-          features: [
-            "Full library access",
-            "Expert Q&A",
-            "Offline reading mode",
-          ],
-        },
       ]}
       title="Simple Pricing"
       description="Choose the option that fits your academic goals."
@@ -269,60 +115,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Miller", role: "Pre-Med Student", company: "University of Texas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=7" },
-          id: "1",
+        { id: "2", name: "David Chen", role: "CS Major", company: "MIT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=8" },
-          name: "Sarah Miller",
+        { id: "3", name: "Emily Watson", role: "MBA Student", company: "Stanford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=9" },
-          role: "Pre-Med Student",
+        { id: "4", name: "Michael Kim", role: "Law Student", company: "Harvard", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=10" },
-          company: "University of Texas",
+        { id: "5", name: "Jessica Lee", role: "Nursing Student", company: "UCLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=11" }
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=7",
-        },
-        {
-          id: "2",
-          name: "David Chen",
-          role: "CS Major",
-          company: "MIT",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=8",
-        },
-        {
-          id: "3",
-          name: "Emily Watson",
-          role: "MBA Student",
-          company: "Stanford",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=9",
-        },
-        {
-          id: "4",
-          name: "Michael Kim",
-          role: "Law Student",
-          company: "Harvard",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=10",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Nursing Student",
-          company: "UCLA",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569195.jpg?_wi=11",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "10k+", label: "Students Helped" },
-          value: "10k+",
+        { value: "500+", label: "Verified Notes" },
-          label: "Students Helped",
+        { value: "4.9/5", label: "Average Rating" }
-        },
-        {
-          value: "500+",
-          label: "Verified Notes",
-        },
-        {
-          value: "4.9/5",
-          label: "Average Rating",
-        },
       ]}
       title="Student Success Stories"
       description="Join thousands of satisfied students across the country."
@@ -332,9 +134,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Contact Us"
       title="Stay Updated with NoteVault"
       description="Sign up to receive updates on new notes and exam prep tips directly in your inbox."
@@ -346,38 +146,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Shop Notes", href: "#notes" }, { label: "Pricing", href: "#pricing" }, { label: "Support", href: "#contact" }] },
-          items: [
+        { items: [{ label: "About Us", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
-            {
-              label: "Shop Notes",
-              href: "#notes",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Support",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="NoteVault"
     />