Merge version_2 into main

Merge version_2 into main

src/app/appointment/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function AppointmentPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }]} />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm 
+            title="Book Your Appointment"
+            description="Schedule your secure video consultation with one of our specialists."
+            useInvertedBackground={false}
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/doctors/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+
+export default function DoctorsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }]} />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardTen 
+            title="Meet Our Medical Experts"
+            tag="Specialists"
+            memberVariant="card"
+            useInvertedBackground={false}
+            membersAnimation="slide-up"
+            members={[
+              { id: "1", name: "Dr. Alice Smith" },
+              { id: "2", name: "Dr. Robert Chen" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -26,141 +26,38 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
       ]}
-      brandName="Regensyn"
+      brandName="Regensyn Telehealth"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Regensyn: Next-Gen Energy Intelligence"
-      description="Revolutionizing sustainable energy management with advanced AI-driven analytics. Optimize, monitor, and scale your energy infrastructure today."
-      testimonials={[
-        {
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "Regensyn completely transformed how we manage our facility energy consumption.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg?_wi=1",
-        },
-        {
-          name: "David Thorne",
-          handle: "@dthorne",
-          testimonial: "The predictive analytics are years ahead of the competition.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg?_wi=1",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@elena_r",
-          testimonial: "A must-have platform for any modern energy infrastructure.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg?_wi=1",
-        },
-        {
-          name: "Marcus Chen",
-          handle: "@mchen",
-          testimonial: "Seamless integration and immediate ROI. Truly impressive technology.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg?_wi=1",
-        },
-        {
-          name: "Jordan Lee",
-          handle: "@jlee_ops",
-          testimonial: "The most intuitive dashboard for managing complex energy grids.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg?_wi=2",
-        },
-      ]}
+      background={{ variant: "radial-gradient" }}
+      title="Regensyn: Leading Telemedicine Solutions"
+      description="Connect with expert clinicians from the comfort of your home. Secure, high-quality, and accessible healthcare at your fingertips."
+      testimonials={[]}
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "View Features",
-          href: "#features",
-        },
+        { text: "Book Consultation", href: "#contact" },
+        { text: "Learn More", href: "#about" },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513316.jpg"
-      imageAlt="Regensyn dashboard interface"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ Industry Leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Powered",
-        },
-        {
-          type: "text",
-          text: "Real-Time Monitoring",
-        },
-        {
-          type: "text",
-          text: "Sustainable Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Predictive Analytics",
-        },
-        {
-          type: "text",
-          text: "Cloud-Native Grid",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={true}
-      title="About Regensyn"
+      title="Modernizing Healthcare Access"
       description={[
-        "Regensyn provides intelligent energy solutions through proprietary AI and advanced data analytics platforms.",
-        "We help utilities and industrial operators transition to a sustainable future with unmatched precision and reliability.",
+        "Regensyn provides a secure platform for seamless communication between patients and top-tier medical specialists.",        "Our mission is to democratize quality healthcare through cutting-edge digital infrastructure and personalized support."
       ]}
     />
   </div>
@@ -170,152 +67,54 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Core Telehealth Capabilities"
+      description="Everything you need for a complete virtual healthcare experience."
       features={[
-        {
-          id: "f1",
-          title: "Predictive Analytics",
-          author: "AI Core",
-          description: "Forecast energy demand with precision accuracy.",
-          tags: [
-            "AI",
-            "Analytics",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-connecting-banner-technology-polygon-background_1035-17962.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Grid Monitoring",
-          author: "Real-time",
-          description: "Monitor your entire infrastructure in one dashboard.",
-          tags: [
-            "Monitoring",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-connecting-banner-technology-polygon-background_1035-17962.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Sustainability Tracking",
-          author: "ESG Engine",
-          description: "Meet your carbon reduction goals faster than ever.",
-          tags: [
-            "ESG",
-            "Green",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-connecting-banner-technology-polygon-background_1035-17962.jpg?_wi=3",
-        },
+        { id: "f1", title: "Secure Video", author: "HIPAA", description: "Encrypted high-definition video consultations.", tags: ["Security"], imageSrc: "http://img.b2bpic.net/free-vector/digital-connecting-banner-technology-polygon-background_1035-17962.jpg?_wi=1" },
+        { id: "f2", title: "Easy Booking", author: "Automated", description: "Schedule your appointments in seconds.", tags: ["Convenience"], imageSrc: "http://img.b2bpic.net/free-vector/digital-connecting-banner-technology-polygon-background_1035-17962.jpg?_wi=2" },
+        { id: "f3", title: "Instant Support", author: "24/7", description: "Access medical guidance whenever you need it.", tags: ["Reliability"], imageSrc: "http://img.b2bpic.net/free-vector/digital-connecting-banner-technology-polygon-background_1035-17962.jpg?_wi=3" },
       ]}
-      title="Advanced Energy Tools"
-      description="Comprehensive suite of features designed for modern energy management."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
+      <TestimonialCardFive
+      title="Patient Success Stories"
+      description="Our patients trust us with their health journey."
       textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "CEO",
-          company: "Global Energy",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "David Thorne",
-          role: "CTO",
-          company: "InfraCore",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Head of Ops",
-          company: "SustainCity",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Marcus Chen",
-          role: "Energy Manager",
-          company: "GridSolutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Sophia Vance",
-          role: "Lead Architect",
-          company: "EcoLogic",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg?_wi=4",
-        },
+        { id: "t1", name: "Alex P.", date: "2023-11-01", title: "Incredible Experience", quote: "Regensyn made my follow-up checkups so effortless.", tag: "Satisfied Patient", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg" }
       ]}
-      title="Industry Leaders Trust Regensyn"
-      description="See why top companies are making the switch to our platform."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contact"
-      title="Ready to transform your energy?"
-      description="Get in touch with our experts to learn how Regensyn can power your operations."
-      buttons={[
-        {
-          text: "Contact Sales",
-          href: "mailto:info@regensyn.com",
-        },
+      <ContactSplitForm
+      title="Schedule Your Visit"
+      description="Complete this form to request your initial consultation with one of our specialized providers."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" }
       ]}
+      textarea={{ name: "message", placeholder: "Briefly describe your health concern", rows: 4 }}
+      buttonText="Submit Request"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Sales", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
-      logoText="Regensyn"
+      bottomLeftText="© 2024 Regensyn Telehealth"
+      bottomRightText="hello@regensyn.health"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Pricing", id: "/pricing" }]} />
+      </div>
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          title="Flexible Subscription Plans"
+          description="Choose the plan that fits your health needs"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            { id: "p1", title: "Essential", price: "$49", period: "/mo", features: ["24/7 Urgent Care", "Prescription refills"], button: { text: "Get Started" } },
+            { id: "p2", title: "Premium", price: "$99", period: "/mo", features: ["Everything in Essential", "Specialist access", "Mental health included"], button: { text: "Upgrade Now" } }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Pricing", id: "/pricing" }]} />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardTwentyFour
+          title="Telemedicine Services"
+          description="Comprehensive virtual care solutions"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            { id: "s1", title: "General Consultation", author: "Dr. Smith", description: "Talk to a licensed physician 24/7", tags: ["Virtual"], videoSrc: "/video.mp4" },
+            { id: "s2", title: "Specialist Access", author: "Dr. Chen", description: "Connect with top specialists remotely", tags: ["Specialist"], videoSrc: "/video.mp4" },
+            { id: "s3", title: "Mental Health", author: "Dr. Doe", description: "Confidential therapy sessions", tags: ["Therapy"], videoSrc: "/video.mp4" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}