Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -34,39 +34,23 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "Over Ons",
+          name: "Over Ons",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Cursussen",
+          name: "Cursussen",          id: "#courses"},
-          id: "#courses",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="SchoolTrade.nl"
       button={{
-        text: "Start Vandaag",
+        text: "Start Vandaag",        href: "#contact"}}
-        href: "#contact",
-      }}
       animateOnLoad={true}
     />
   </div>
@@ -77,13 +61,9 @@ export default function LandingPage() {
       description="Jouw springplank naar financiële onafhankelijkheid. Leer traden met de beste experts en tools."
       buttons={[
         {
-          text: "Start met Leren",
+          text: "Start met Leren",          href: "#courses"},
-          href: "#courses",
-        },
         {
-          text: "Ontdek Meer",
+          text: "Ontdek Meer",          href: "#about"},
-          href: "#about",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-112390.jpg"
@@ -102,17 +82,11 @@ export default function LandingPage() {
       tagIcon={Sparkles}
       bulletPoints={[
         {
-          title: "Expert Begeleiding",
+          title: "Expert Begeleiding",          description: "Leer van ervaren traders die de markten door en door kennen."},
-          description: "Leer van ervaren traders die de markten door en door kennen.",
-        },
         {
-          title: "Praktijkgerichte Cursussen",
+          title: "Praktijkgerichte Cursussen",          description: "Direct toepasbare strategieën en hands-on oefeningen."},
-          description: "Direct toepasbare strategieën en hands-on oefeningen.",
-        },
         {
-          title: "Levenslange Toegang",
+          title: "Levenslange Toegang",          description: "Blijf leren met updates en nieuwe content, altijd en overal."},
-          description: "Blijf leren met updates en nieuwe content, altijd en overal.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/confident-powerful-administrator-feeling-proud-his-career-success_482257-126220.jpg"
       imageAlt="Persoon die financiële grafieken analyseert op een holografisch scherm, symbool voor financiële educatie"
@@ -127,29 +101,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Geavanceerde Analysehulpmiddelen",          description: "Krijg toegang tot krachtige tools voor diepgaande marktanalyse.",          tag: "Tools",          imageSrc: "http://img.b2bpic.net/free-photo/financial-data-visualization-stock-market-charts_23-2151977852.jpg",          imageAlt: "Dynamische financiële grafieken op een modern interface"},
-          title: "Geavanceerde Analysehulpmiddelen",
-          description: "Krijg toegang tot krachtige tools voor diepgaande marktanalyse.",
-          tag: "Tools",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-data-visualization-stock-market-charts_23-2151977852.jpg",
-          imageAlt: "Dynamische financiële grafieken op een modern interface",
-        },
         {
-          id: "2",
+          id: "2",          title: "Actieve Handelscommunity",          description: "Connecteer met mede-traders en deel inzichten in een dynamische community.",          tag: "Community",          imageSrc: "http://img.b2bpic.net/free-photo/international-team_273609-6343.jpg",          imageAlt: "Diverse groep mensen die financiële strategieën bespreken"},
-          title: "Actieve Handelscommunity",
-          description: "Connecteer met mede-traders en deel inzichten in een dynamische community.",
-          tag: "Community",
-          imageSrc: "http://img.b2bpic.net/free-photo/international-team_273609-6343.jpg",
-          imageAlt: "Diverse groep mensen die financiële strategieën bespreken",
-        },
         {
-          id: "3",
+          id: "3",          title: "Persoonlijke Mentorschap",          description: "Profiteer van één-op-één begeleiding van ervaren trading mentoren.",          tag: "Mentorschap",          imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085929.jpg",          imageAlt: "Mentor die een student begeleidt bij trading concepten"},
-          title: "Persoonlijke Mentorschap",
-          description: "Profiteer van één-op-één begeleiding van ervaren trading mentoren.",
-          tag: "Mentorschap",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085929.jpg",
-          imageAlt: "Mentor die een student begeleidt bij trading concepten",
-        },
       ]}
       title="Jouw Voordeel, Onze Expertise"
       description="Ontdek de unieke kenmerken die SchoolTrade.nl onderscheiden en jouw handelsreis naar een hoger niveau tillen."
@@ -162,33 +118,19 @@ export default function LandingPage() {
       <MetricCardSeven
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="slide-up"
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "95%",          title: "Tevredenheid",          items: [
-          value: "95%",
+            "Onze studenten zijn zeer tevreden",            "Continu verbetering van lesmateriaal"],
-          title: "Tevredenheid",
-          items: [
-            "Onze studenten zijn zeer tevreden",
-            "Continu verbetering van lesmateriaal",
-          ],
         },
         {
-          id: "2",
+          id: "2",          value: "+10K",          title: "Studenten",          items: [
-          value: "+10K",
+            "Een groeiende community van traders",            "Wereldwijde impact"],
-          title: "Studenten",
-          items: [
-            "Een groeiende community van traders",
-            "Wereldwijde impact",
-          ],
         },
         {
-          id: "3",
+          id: "3",          value: "4.9/5",          title: "Beoordeling",          items: [
-          value: "4.9/5",
+            "Uitstekende recensies van gebruikers",            "Hoog gewaardeerde cursussen"],
-          title: "Beoordeling",
-          items: [
-            "Uitstekende recensies van gebruikers",
-            "Hoog gewaardeerde cursussen",
-          ],
         },
       ]}
       title="Zet Jouw Succes Om in Cijfers"
@@ -207,47 +149,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "course-1",
+          id: "course-1",          name: "Technische Analyse Masterclass",          price: "€199",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg",          imageAlt: "Gedetailleerde candlestick grafieken en trendlijnen voor technische analyse"},
-          name: "Technische Analyse Masterclass",
-          price: "€199",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg",
-          imageAlt: "Gedetailleerde candlestick grafieken en trendlijnen voor technische analyse",
-        },
         {
-          id: "course-2",
+          id: "course-2",          name: "Risicomanagement Essenties",          price: "€149",          imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895845.jpg",          imageAlt: "Abstracte visualisatie van risicobeheer met een schild en grafiek"},
-          name: "Risicomanagement Essenties",
-          price: "€149",
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895845.jpg",
-          imageAlt: "Abstracte visualisatie van risicobeheer met een schild en grafiek",
-        },
         {
-          id: "course-3",
+          id: "course-3",          name: "Fundamentele Analyse voor Beleggers",          price: "€179",          imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-professionals-review-files-performance-metrics-using-projections-budgeting_482257-136482.jpg",          imageAlt: "Financiële rapporten en balansen voor fundamentele analyse"},
-          name: "Fundamentele Analyse voor Beleggers",
-          price: "€179",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-professionals-review-files-performance-metrics-using-projections-budgeting_482257-136482.jpg",
-          imageAlt: "Financiële rapporten en balansen voor fundamentele analyse",
-        },
         {
-          id: "course-4",
+          id: "course-4",          name: "Optiehandel Strategieën",          price: "€249",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone-discussing-project-implementation-with-remote-manager-explaining-company-strategy-executive-manager-working-marketing-strategy-startup-business-office_482257-28694.jpg",          imageAlt: "Digitale optieketen en abstracte markt bewegingen met call/put symbolen"},
-          name: "Optiehandel Strategieën",
-          price: "€249",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone-discussing-project-implementation-with-remote-manager-explaining-company-strategy-executive-manager-working-marketing-strategy-startup-business-office_482257-28694.jpg",
-          imageAlt: "Digitale optieketen en abstracte markt bewegingen met call/put symbolen",
-        },
         {
-          id: "course-5",
+          id: "course-5",          name: "Cryptocurrency Beleggen Gedemystificeerd",          price: "€299",          imageSrc: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074563.jpg",          imageAlt: "Gestileerd blockchain netwerk met crypto munten en digitale wallet interface"},
-          name: "Cryptocurrency Beleggen Gedemystificeerd",
-          price: "€299",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074563.jpg",
-          imageAlt: "Gestileerd blockchain netwerk met crypto munten en digitale wallet interface",
-        },
         {
-          id: "course-6",
+          id: "course-6",          name: "Algoritmische Handel Automatisering",          price: "€399",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-money_23-2151612715.jpg",          imageAlt: "Regels code en datastromen voor geautomatiseerde handel"},
-          name: "Algoritmische Handel Automatisering",
-          price: "€399",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-money_23-2151612715.jpg",
-          imageAlt: "Regels code en datastromen voor geautomatiseerde handel",
-        },
       ]}
       title="Ontdek Onze Cursussen"
       description="Van beginner tot gevorderd, onze cursussen zijn ontworpen om jou te transformeren in een zelfverzekerde trader."
@@ -263,59 +175,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Kevin Jansen",          role: "Beginnend Trader",          company: "Zelfstandig",          rating: 5,
-          name: "Kevin Jansen",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg"},
-          role: "Beginnend Trader",
-          company: "Zelfstandig",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sophie Vermeulen",          role: "Parttime Belegger",          company: "Innovatieve Projecten",          rating: 5,
-          name: "Sophie Vermeulen",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-looking-outside-window-her-office-smiling-with-confidence_1258-194662.jpg"},
-          role: "Parttime Belegger",
-          company: "Innovatieve Projecten",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-looking-outside-window-her-office-smiling-with-confidence_1258-194662.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Thomas de Vries",          role: "Gepensioneerd",          company: "Privé Beleggingen",          rating: 5,
-          name: "Thomas de Vries",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg"},
-          role: "Gepensioneerd",
-          company: "Privé Beleggingen",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Emma Bakker",          role: "Student Finance",          company: "Universiteit Amsterdam",          rating: 5,
-          name: "Emma Bakker",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg"},
-          role: "Student Finance",
-          company: "Universiteit Amsterdam",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Lucas Willems",          role: "Software Ontwikkelaar",          company: "Tech Solutions",          rating: 5,
-          name: "Lucas Willems",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg"},
-          role: "Software Ontwikkelaar",
-          company: "Tech Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "100%",
+          value: "100%",          label: "Praktische Inzichten"},
-          label: "Praktische Inzichten",
-        },
         {
-          value: "Uitstekend",
+          value: "Uitstekend",          label: "Klantenservice"},
-          label: "Klantenservice",
-        },
         {
-          value: "Meer dan 50",
+          value: "Meer dan 50",          label: "Succesverhalen"},
-          label: "Succesverhalen",
-        },
       ]}
       title="Wat Onze Studenten Zeggen"
       description="Echte verhalen van echte successen. Hoor hoe SchoolTrade.nl levens heeft veranderd."
@@ -330,30 +211,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Is SchoolTrade.nl geschikt voor beginners?",          content: "Absoluut! Onze cursussen zijn ontworpen om zowel beginners als gevorderde traders te bedienen. We beginnen met de basis en bouwen van daaruit verder."},
-          title: "Is SchoolTrade.nl geschikt voor beginners?",
-          content: "Absoluut! Onze cursussen zijn ontworpen om zowel beginners als gevorderde traders te bedienen. We beginnen met de basis en bouwen van daaruit verder.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Welke markten worden behandeld?",          content: "We behandelen een breed scala aan markten, waaronder aandelen, forex, cryptocurrencies, grondstoffen en opties."},
-          title: "Welke markten worden behandeld?",
-          content: "We behandelen een breed scala aan markten, waaronder aandelen, forex, cryptocurrencies, grondstoffen en opties.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Bieden jullie persoonlijke begeleiding?",          content: "Ja, we bieden mentorschap en persoonlijke begeleiding aan via onze premium pakketten en communityforums."},
-          title: "Bieden jullie persoonlijke begeleiding?",
-          content: "Ja, we bieden mentorschap en persoonlijke begeleiding aan via onze premium pakketten en communityforums.",
-        },
         {
-          id: "4",
+          id: "4",          title: "Zijn er kosten verbonden aan de community?",          content: "Toegang tot onze basiscommunity is gratis. Voor geavanceerde functies en exclusieve groepen zijn er premium lidmaatschappen beschikbaar."},
-          title: "Zijn er kosten verbonden aan de community?",
-          content: "Toegang tot onze basiscommunity is gratis. Voor geavanceerde functies en exclusieve groepen zijn er premium lidmaatschappen beschikbaar.",
-        },
         {
-          id: "5",
+          id: "5",          title: "Hoe lang duurt het voordat ik resultaten zie?",          content: "De snelheid van resultaten varieert per individu. Consistentie en de toepassing van geleerde strategieën zijn cruciaal. Wij bieden de tools, de inzet komt van jou!"},
-          title: "Hoe lang duurt het voordat ik resultaten zie?",
-          content: "De snelheid van resultaten varieert per individu. Consistentie en de toepassing van geleerde strategieën zijn cruciaal. Wij bieden de tools, de inzet komt van jou!",
-        },
       ]}
       title="Veelgestelde Vragen"
       description="Heb je vragen? Hier vind je antwoorden op de meest voorkomende vragen over SchoolTrade.nl."
@@ -368,14 +234,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "TradingView",
+        "TradingView",        "Bloomberg",        "Investopedia",        "Reuters",        "CFTC",        "NASDAQ",        "NYSE"]}
-        "Bloomberg",
-        "Investopedia",
-        "Reuters",
-        "CFTC",
-        "NASDAQ",
-        "NYSE",
-      ]}
       title="Samenwerken met de Beste"
       description="Onze methoden zijn getest en vertrouwd door toonaangevende platforms en experts in de financiële wereld."
       tag="Vertrouwen"
@@ -387,8 +246,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Contact"
       title="Klaar om Jouw Handelsreis te Beginnen?"
       description="Meld je vandaag nog aan en ontvang onze gratis gids voor beginnende traders!"
@@ -405,50 +263,31 @@ export default function LandingPage() {
       logoText="SchoolTrade.nl"
       columns={[
         {
-          title: "Navigatie",
+          title: "Navigatie",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#home"},
-              href: "#home",
-            },
             {
-              label: "Over Ons",
+              label: "Over Ons",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Cursussen",
+              label: "Cursussen",              href: "#courses"},
-              href: "#courses",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacybeleid",
+              label: "Privacybeleid",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "https://linkedin.com"},
-              href: "https://linkedin.com",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "https://twitter.com"},
-              href: "https://twitter.com",
-            },
           ],
         },
       ]}