From effb53153966e39be52aa67fb2709fd94e0e6f87 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 10:18:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 438 ++++++-----------------------------------------
 1 file changed, 57 insertions(+), 381 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a03fab1..9c46121 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,26 +33,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Courses",
-          id: "#products",
-        },
-        {
-          name: "Visa",
-          id: "#about",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Courses", id: "products" },
+        { name: "Visa", id: "about" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Semzosan Institute"
     />
@@ -61,102 +46,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Master the Modern Digital Economy"
       description="Unlock expert-led strategies in dropshipping, Shopify, and global remote careers. Start your journey for as little as $20."
       testimonials={[
-        {
-          name: "Ahmed",
-          handle: "@ahmed",
-          testimonial: "The dropshipping course completely changed my approach. Highly recommended!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg",
-        },
-        {
-          name: "John",
-          handle: "@john",
-          testimonial: "Fantastic visa consultation, helped me navigate everything seamlessly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg",
-        },
-        {
-          name: "Mister William",
-          handle: "@william",
-          testimonial: "Etsy strategies provided were top-tier, already seeing results.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-working-office-desk_1098-21352.jpg",
-        },
-        {
-          name: "Stephen",
-          handle: "@stephen",
-          testimonial: "Clear, concise, and incredibly actionable advice for remote work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-pink-background-business-job_185193-110301.jpg",
-        },
-        {
-          name: "Sarhay Zullie",
-          handle: "@sarhay",
-          testimonial: "Excellent platform, truly 100% satisfied with the learning experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-businessman-classic-black-suit-with-wireless-earphones-joyfully-looking-camera-working-with-laptop-little-stairs-while-spending-time-outdoor_574295-5780.jpg",
-        },
+        { name: "Ahmed", handle: "@ahmed", testimonial: "The dropshipping course completely changed my approach. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg" },
+        { name: "John", handle: "@john", testimonial: "Fantastic visa consultation, helped me navigate everything seamlessly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg" },
+        { name: "Mister William", handle: "@william", testimonial: "Etsy strategies provided were top-tier, already seeing results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-working-office-desk_1098-21352.jpg" },
+        { name: "Stephen", handle: "@stephen", testimonial: "Clear, concise, and incredibly actionable advice for remote work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-pink-background-business-job_185193-110301.jpg" },
+        { name: "Sarhay Zullie", handle: "@sarhay", testimonial: "Excellent platform, truly 100% satisfied with the learning experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-businessman-classic-black-suit-with-wireless-earphones-joyfully-looking-camera-working-with-laptop-little-stairs-while-spending-time-outdoor_574295-5780.jpg" }
       ]}
       buttons={[
-        {
-          text: "Start Learning",
-          href: "#products",
-        },
-        {
-          text: "Get Consultation",
-          href: "#contact",
-        },
+        { text: "Start Learning", href: "#products" },
+        { text: "Get Consultation", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-modern-female-student-street-holding-book-her-hands-woman-city_169016-66618.jpg",
-          alt: "student portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-redhead-male-employee-glasses-having-break-drinking-coffee-holding-laptop-standing-o_1258-147594.jpg",
-          alt: "student portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-black-man-white_285396-403.jpg",
-          alt: "student portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-winter-jacket-posing-street_1303-30010.jpg",
-          alt: "student portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",
-          alt: "student portrait 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-modern-female-student-street-holding-book-her-hands-woman-city_169016-66618.jpg", alt: "student portrait 1" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-redhead-male-employee-glasses-having-break-drinking-coffee-holding-laptop-standing-o_1258-147594.jpg", alt: "student portrait 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-black-man-white_285396-403.jpg", alt: "student portrait 3" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-man-winter-jacket-posing-street_1303-30010.jpg", alt: "student portrait 4" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg", alt: "student portrait 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Dropshipping 101",
-        },
-        {
-          type: "text",
-          text: "Visa Consultation",
-        },
-        {
-          type: "text",
-          text: "Shopify Mastery",
-        },
-        {
-          type: "text",
-          text: "Remote Career",
-        },
-        {
-          type: "text",
-          text: "Etsy Growth",
-        },
+        { type: "text", text: "Dropshipping 101" },
+        { type: "text", text: "Visa Consultation" },
+        { type: "text", text: "Shopify Mastery" },
+        { type: "text", text: "Remote Career" },
+        { type: "text", text: "Etsy Growth" },
       ]}
     />
   </div>
@@ -167,30 +84,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Dropshipping Excellence",
-          descriptions: [
-            "Learn the core principles of supply chain and retail from experts.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
-        },
-        {
-          id: "f2",
-          title: "Visa Consulting",
-          descriptions: [
-            "Professional guidance to help you navigate international immigration requirements.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150433367.jpg",
-        },
-        {
-          id: "f3",
-          title: "Etsy Growth Strategies",
-          descriptions: [
-            "Turn your passion into profit with proven market entry strategies.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/baby-boom-fertility-concept_23-2148760988.jpg",
-        },
+        { id: "f1", title: "Dropshipping Excellence", descriptions: ["Learn the core principles of supply chain and retail from experts."], imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg" },
+        { id: "f2", title: "Visa Consulting", descriptions: ["Professional guidance to help you navigate international immigration requirements."], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150433367.jpg" },
+        { id: "f3", title: "Etsy Growth Strategies", descriptions: ["Turn your passion into profit with proven market entry strategies."], imageSrc: "http://img.b2bpic.net/free-photo/baby-boom-fertility-concept_23-2148760988.jpg" },
       ]}
       title="Why Choose Semzosan?"
       description="Comprehensive expert strategies designed for real-world growth and career transition."
@@ -203,18 +99,9 @@ export default function LandingPage() {
       title="Your Future Starts Here"
       description="Led by the cofounder of Semzosan, our institute provides expert pathways to financial independence, global mobility, and remote career success in the American corporate landscape."
       metrics={[
-        {
-          value: "100%",
-          title: "Satisfaction",
-        },
-        {
-          value: "500+",
-          title: "Students",
-        },
-        {
-          value: "15+",
-          title: "Experts",
-        },
+        { value: "100%", title: "Satisfaction" },
+        { value: "500+", title: "Students" },
+        { value: "15+", title: "Experts" },
       ]}
       mediaAnimation="blur-reveal"
       metricsAnimation="slide-up"
@@ -230,60 +117,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          brand: "Course",
-          name: "Shopify Mastery",
-          price: "$20",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-elements-with-text_23-2148675068.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Consult",
-          name: "Visa Consultation",
-          price: "$150",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-psd/new-language-banner-template_23-2149292183.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Course",
-          name: "Etsy Expert Strategy",
-          price: "$45",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-backpack-her-shoulders-created-with-generative-ai-technology_185193-161972.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Course",
-          name: "Remote Career Basics",
-          price: "$25",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/job-search-computer-application-search-new-vacancies-website_169016-39302.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Course",
-          name: "Dropshipping 101",
-          price: "$30",
-          rating: 5,
-          reviewCount: "300",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-online-payment-smiling-handsome-man-showing-mobile-screen-credit-card-standing_1258-26467.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Course",
-          name: "Shopify Expert Strategies",
-          price: "$99",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-card-while-sitting-couch_23-2148313156.jpg",
-        },
+        { id: "p1", brand: "Course", name: "Shopify Mastery", price: "$20", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-elements-with-text_23-2148675068.jpg" },
+        { id: "p2", brand: "Consult", name: "Visa Consultation", price: "$150", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-psd/new-language-banner-template_23-2149292183.jpg" },
+        { id: "p3", brand: "Course", name: "Etsy Expert Strategy", price: "$45", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-backpack-her-shoulders-created-with-generative-ai-technology_185193-161972.jpg" },
+        { id: "p4", brand: "Course", name: "Remote Career Basics", price: "$25", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/job-search-computer-application-search-new-vacancies-website_169016-39302.jpg" },
+        { id: "p5", brand: "Course", name: "Dropshipping 101", price: "$30", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/business-online-payment-smiling-handsome-man-showing-mobile-screen-credit-card-standing_1258-26467.jpg" },
+        { id: "p6", brand: "Course", name: "Shopify Expert Strategies", price: "$99", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-card-while-sitting-couch_23-2148313156.jpg" },
       ]}
       title="Highly Demanding Courses"
       description="Get started with professional strategies at accessible prices."
@@ -296,57 +135,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Entry",
-          price: "$20",
-          subtitle: "Perfect for beginners",
-          features: [
-            "Access to one course",
-            "Standard support",
-            "Community access",
-          ],
-          buttons: [
-            {
-              text: "Enroll Now",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$99",
-          subtitle: "For serious learners",
-          features: [
-            "Full access to all courses",
-            "Priority consultation",
-            "Certification included",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "elite",
-          badge: "Elite",
-          price: "$299",
-          subtitle: "Master every strategy",
-          features: [
-            "1-on-1 Mentorship",
-            "Visa strategy review",
-            "Exclusive community",
-          ],
-          buttons: [
-            {
-              text: "Contact Us",
-              href: "#contact",
-            },
-          ],
-        },
+        { id: "basic", badge: "Entry", price: "$20", subtitle: "Perfect for beginners", features: ["Access to one course", "Standard support", "Community access"], buttons: [{ text: "Enroll Now", href: "#" }] },
+        { id: "pro", badge: "Pro", price: "$99", subtitle: "For serious learners", features: ["Full access to all courses", "Priority consultation", "Certification included"], buttons: [{ text: "Get Started", href: "#" }] },
+        { id: "elite", badge: "Elite", price: "$299", subtitle: "Master every strategy", features: ["1-on-1 Mentorship", "Visa strategy review", "Exclusive community"], buttons: [{ text: "Contact Us", href: "#contact" }] },
       ]}
       title="Flexible Learning Plans"
       description="Whether you are a beginner or looking to scale, find the perfect pricing."
@@ -357,25 +148,11 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="split"
       useInvertedBackground={true}
+      animationType="slide-up"
       metrics={[
-        {
-          id: "m1",
-          icon: CheckCircle,
-          title: "Success Rate",
-          value: "99%",
-        },
-        {
-          id: "m2",
-          icon: Zap,
-          title: "Growth Mentored",
-          value: "1000+",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "Satisfied Students",
-          value: "100%",
-        },
+        { id: "m1", icon: CheckCircle, title: "Success Rate", value: "99%" },
+        { id: "m2", icon: Zap, title: "Growth Mentored", value: "1000+" },
+        { id: "m3", icon: Award, title: "Satisfied Students", value: "100%" },
       ]}
       title="Proven Results"
       description="Our commitment to excellence ensures every student achieves their goal."
@@ -389,54 +166,12 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Ahmed",
-          role: "Student",
-          company: "Semzosan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
-        },
-        {
-          id: "t2",
-          name: "John",
-          role: "Student",
-          company: "Semzosan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mister William",
-          role: "Student",
-          company: "Semzosan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-        },
-        {
-          id: "t4",
-          name: "Stephen",
-          role: "Student",
-          company: "Semzosan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sudio-shot-surprised-handsome-male-student-with-mustache-wears-round-glasses-formal-clothes_273609-8675.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sarhay Zullie",
-          role: "Student",
-          company: "Semzosan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/guy-modern-street-casual-clothing-with-laptop_613910-7453.jpg",
-        },
-        {
-          id: "t6",
-          name: "Belaa Justus",
-          role: "Student",
-          company: "Semzosan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-posing-university_23-2147666425.jpg",
-        },
+        { id: "t1", name: "Ahmed", role: "Student", company: "Semzosan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg" },
+        { id: "t2", name: "John", role: "Student", company: "Semzosan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg" },
+        { id: "t3", name: "Mister William", role: "Student", company: "Semzosan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
+        { id: "t4", name: "Stephen", role: "Student", company: "Semzosan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sudio-shot-surprised-handsome-male-student-with-mustache-wears-round-glasses-formal-clothes_273609-8675.jpg" },
+        { id: "t5", name: "Sarhay Zullie", role: "Student", company: "Semzosan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-modern-street-casual-clothing-with-laptop_613910-7453.jpg" },
+        { id: "t6", name: "Belaa Justus", role: "Student", company: "Semzosan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-posing-university_23-2147666425.jpg" },
       ]}
       title="Student Success Stories"
       description="Hear what our students have to say about their journey."
@@ -448,21 +183,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I enroll?",
-          content: "Enrollment is simple, just choose a course on our catalog page and checkout.",
-        },
-        {
-          id: "q2",
-          title: "Is there a refund policy?",
-          content: "Yes, we offer a 14-day money-back guarantee for all course enrollments.",
-        },
-        {
-          id: "q3",
-          title: "Can I get consultation separately?",
-          content: "Absolutely, feel free to reach out via our contact page.",
-        },
+        { id: "q1", title: "How do I enroll?", content: "Enrollment is simple, just choose a course on our catalog page and checkout." },
+        { id: "q2", title: "Is there a refund policy?", content: "Yes, we offer a 14-day money-back guarantee for all course enrollments." },
+        { id: "q3", title: "Can I get consultation separately?", content: "Absolutely, feel free to reach out via our contact page." },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about your learning journey? We have answers."
@@ -475,67 +198,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Get in touch"
       title="Ready to Transform Your Future?"
       description="Contact us today for professional visa consultation or to ask about our courses."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Institute",
-          items: [
-            {
-              label: "About Semzosan",
-              href: "#",
-            },
-            {
-              label: "Success Stories",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Courses",
-          items: [
-            {
-              label: "Dropshipping",
-              href: "#",
-            },
-            {
-              label: "Shopify",
-              href: "#",
-            },
-            {
-              label: "Etsy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Institute", items: [{ label: "About Semzosan", href: "#" }, { label: "Success Stories", href: "#testimonials" }] },
+        { title: "Courses", items: [{ label: "Dropshipping", href: "#" }, { label: "Shopify", href: "#" }, { label: "Etsy", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Semzosan Institute."
       bottomRightText="All Rights Reserved."
@@ -544,4 +220,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1