From 5457ee757f5884522b645f1ea6133e4ede152cab Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:56:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 279 +++++++++++++++++++++--------------------------
 1 file changed, 126 insertions(+), 153 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f2ca5bd..7d41747 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,209 +1,182 @@
 "use client";
 
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroCentered from "@/components/sections/hero/HeroCentered";
-import MediaAbout from "@/components/sections/about/MediaAbout";
-import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Zap, Briefcase, TrendingUp, Quote, Facebook } from "lucide-react";
+import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles, Zap, Shield, Clock, Lightbulb, Target, CheckCircle, Mail, Facebook, Twitter, Linkedin } from "lucide-react";
 
-export default function LandingPage() {
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="largeSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="Medical Web Pro"
-          navItems={[
-            { name: "Services", id: "services" },
-            { name: "Portfolio", id: "portfolio" },
-            { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
-          ]}
-          button={{ text: "Schedule a consultation", href: "contact" }}
-          animateOnLoad={true}
-        />
-      </div>
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "About", id: "#about" },
+          { name: "Features", id: "#features" },
+          { name: "Pricing", id: "#pricing" },
+        ]}
+        brandName="Webbug"
+        button={{ text: "Get Started", href: "#contact" }}
+        animateOnLoad={true}
+      />
 
       <div id="hero" data-section="hero">
-        <HeroCentered
-          title="HIPAA-Compliant Websites for Medical & Dental Practices"
-          description="Professional web design that builds patient trust and grows your practice. Secure, mobile-optimized websites designed to attract and convert new patients."
+        <HeroSplitDualMedia
           background={{ variant: "plain" }}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2", alt: "Medical professional 1" },
-            { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2", alt: "Medical professional 2" },
+          tag="Medical & Dental Web Design"
+          tagIcon={Sparkles}
+          title="Professional Websites for Your Medical Practice"
+          description="Build patient trust and grow your practice with HIPAA-compliant websites designed specifically for medical and dental professionals."
+          mediaItems={[
+            {
+              imageSrc: "asset://hero-image-1",              imageAlt: "Medical practice website showcase"},
+            {
+              imageSrc: "asset://hero-image-2",              imageAlt: "Patient engagement interface"},
           ]}
+          rating={5}
+          ratingText="Trusted by Healthcare Professionals"
           buttons={[
-            { text: "Schedule a consultation", href: "contact" },
-            { text: "View Case Studies", href: "portfolio" },
+            { text: "View Our Work", href: "#about" },
+            { text: "Schedule a Call", href: "#contact" },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="about" data-section="about">
-        <MediaAbout
+        <MetricSplitMediaAbout
+          tag="Why Choose Us"
+          tagIcon={Target}
           title="Specialized Web Design for Healthcare Professionals"
-          description="We specialize in creating HIPAA-compliant websites for medical practices, dental offices, and healthcare providers. Our designs are built with patient privacy at the forefront, featuring secure patient portals, appointment booking systems, and mobile-friendly interfaces that inspire confidence and encourage patient engagement."
-          tag="About Medical Web Pro"
-          buttons={[{ text: "Learn More", href: "services" }]}
-          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg"
-          imageAlt="Healthcare team collaborating"
+          description="We understand the unique needs of medical and dental practices. Our HIPAA-compliant websites are designed to build patient confidence, streamline operations, and help your practice grow."
+          metrics={[
+            { value: "500+", title: "Healthcare Websites Built" },
+            { value: "98%", title: "Patient Satisfaction Rate" },
+          ]}
+          imageSrc="asset://about-image"
+          imageAlt="Our team working on healthcare web design"
           useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
         />
       </div>
 
-      <div id="services" data-section="services">
-        <FeatureCardTwentySeven
-          title="Our Services"
-          description="We help medical and dental practices establish a strong online presence with secure, compliant websites that attract and retain patients."
-          tag="Healthcare Solutions"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+      <div id="features" data-section="features">
+        <FeatureHoverPattern
           features={[
             {
-              id: "medical-websites",              title: "Medical Practice Websites",              description: "HIPAA-compliant websites designed to build patient trust, showcase expertise, and provide essential practice information and online appointment scheduling.",              imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-flat-design_23-2148257414.jpg",              imageAlt: "Professional medical website design"
-            },
+              icon: Shield,
+              title: "HIPAA Compliant",              description: "Built with security best practices to protect patient data and meet all healthcare regulations."},
             {
-              id: "dental-websites",              title: "Dental Practice Websites",              description: "Patient-focused dental websites featuring before/after galleries, treatment information, online booking, and secure patient communication portals.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149188470.jpg",              imageAlt: "Modern dental practice website"
-            },
+              icon: Zap,
+              title: "Lightning Fast",              description: "Optimized performance ensures your patients have the best browsing experience."},
             {
-              id: "patient-portal",              title: "Patient Portal Integration",              description: "Secure, HIPAA-compliant patient portals for medical records access, appointment management, prescription requests, and secure provider communication.",              imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-template-with-photo_52683-21230.jpg",              imageAlt: "Secure patient portal interface"
-            },
+              icon: Clock,
+              title: "Appointment Scheduling",              description: "Integrated booking system makes it easy for patients to schedule appointments online."},
+            {
+              icon: Lightbulb,
+              title: "Patient Education",              description: "Built-in tools to share educational content and build patient engagement."},
+            {
+              icon: CheckCircle,
+              title: "Mobile Optimized",              description: "Responsive design that looks perfect on all devices and screen sizes."},
+            {
+              icon: Target,
+              title: "SEO Ready",              description: "Optimized to help patients find your practice in local search results."},
           ]}
+          title="Powerful Features for Healthcare"
+          description="Everything you need to establish a strong online presence and connect with patients."
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
-      <div id="portfolio" data-section="portfolio">
-        <ProductCardOne
-          title="Case Studies"
-          description="Websites we've created for medical practices and dental offices to improve patient acquisition and engagement."
-          tag="Portfolio"
-          tagIcon={Briefcase}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          products={[
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          plans={[
             {
-              id: "1",              name: "Comprehensive Medical Group Website",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-vector/electrician-landing-page_23-2148716532.jpg",              imageAlt: "Medical group practice website"
+              id: "starter",              title: "Starter",              price: "$2,999",              period: "one-time",              imageSrc: "asset://pricing-starter",              imageAlt: "Starter plan",              button: { text: "Get Started", href: "#contact" },
+              features: [
+                "Professional website design",                "Mobile responsive",                "Contact forms",                "Basic SEO optimization",                "1 month of support"],
             },
             {
-              id: "2",              name: "Multi-Specialty Dental Practice Website",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-vector/real-estate-business-landing-page-template_23-2149874298.jpg",              imageAlt: "Dental practice website portfolio"
+              id: "professional",              title: "Professional",              price: "$5,999",              period: "one-time",              imageSrc: "asset://pricing-professional",              imageAlt: "Professional plan",              button: { text: "Get Started", href: "#contact" },
+              features: [
+                "Everything in Starter",                "Appointment scheduling system",                "Patient portal",                "Advanced SEO",                "3 months of support",                "Monthly updates"],
             },
             {
-              id: "3",              name: "Orthopedic Surgery Center Website",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-vector/laundry-service-vertical-web-page-set-with-prices-contacts-symbols_1284-9614.jpg",              imageAlt: "Surgery center website"
+              id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "contact us",              imageSrc: "asset://pricing-enterprise",              imageAlt: "Enterprise plan",              button: { text: "Schedule Consultation", href: "#contact" },
+              features: [
+                "Everything in Professional",                "Custom integrations",                "Multi-location support",                "Premium support",                "Ongoing optimization",                "Custom features"],
             },
           ]}
-        />
-      </div>
-
-      <div id="metrics" data-section="metrics">
-        <MetricCardTwo
-          title="Our Healthcare Impact"
-          description="Proven results for medical and dental practices."
-          tag="Key Metrics"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
+          animationType="slide-up"
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your medical practice. All plans include HIPAA compliance and ongoing support."
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "1", value: "200+", description: "Healthcare Websites Created" },
-            { id: "2", value: "4x", description: "Average New Patient Increase" },
-            { id: "3", value: "99%", description: "Client Satisfaction Rate" },
-            { id: "4", value: "100K+", description: "New Patients Attracted" },
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardThirteen
-          title="What Healthcare Professionals Say"
-          description="Hear from medical and dental practice owners who've transformed their patient acquisition and online presence."
-          tag="Testimonials"
-          tagIcon={Quote}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          showRating={true}
-          animationType="slide-up"
-          testimonials={[
-            {
-              id: "1",              name: "Dr. Robert Garcia",              handle: "Cardiologist, Garcia Heart Center",              testimonial: "Medical Web Pro created a professional, patient-friendly website that has significantly increased our new patient inquiries. The HIPAA compliance and secure patient portal features were exactly what we needed. Highly recommend for any medical practice.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2",              imageAlt: "Dr. Robert Garcia"
-            },
-            {
-              id: "2",              name: "Dr. Linda Chen, DDS",              handle: "Owner, Premier Dental Associates",              testimonial: "We needed a modern dental website that showcased our services and made it easy for patients to book appointments. Medical Web Pro delivered exactly that. Our patient inquiries have tripled, and the online booking system has reduced our administrative burden.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2",              imageAlt: "Dr. Linda Chen"
-            },
-            {
-              id: "3",              name: "Dr. Michael Thompson, MD",              handle: "Orthopedic Surgeon, Thompson Sports Medicine",              testimonial: "The team understood the healthcare industry and created a website that builds patient confidence. The secure patient portal and appointment scheduling system are top-notch. Our practice has grown significantly since launching the new site.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-document_1098-294.jpg?_wi=2",              imageAlt: "Dr. Michael Thompson"
-            },
-            {
-              id: "4",              name: "Dr. Jennifer Martinez, DDS",              handle: "Pediatric Dentistry, Martinez Smiles",              testimonial: "Medical Web Pro created a warm, welcoming website for our pediatric practice. Parents love the patient education content, and the online appointment booking has been a game-changer. We're seeing more new families every month.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Dr. Jennifer Martinez"
-            },
-          ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplitForm
-          title="Ready to Grow Your Medical or Dental Practice?"
-          description="Let's discuss how a professional, HIPAA-compliant website can help you attract more patients and strengthen your practice's online presence."
+        <ContactCenter
+          tag="Get In Touch"
+          tagIcon={Mail}
+          title="Ready to Transform Your Online Presence?"
+          description="Let's work together to create a professional, patient-focused website for your healthcare practice."
+          background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
-            { name: "practice", type: "text", placeholder: "Practice Name", required: true },
-            { name: "specialty", type: "text", placeholder: "Medical Specialty or Dental Service", required: true },
-          ]}
-          textarea={{
-            name: "message",            placeholder: "Tell us about your practice and your goals for your online presence...",            rows: 5,
-            required: true,
-          }}
-          imageSrc="http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg"
-          imageAlt="Healthcare professionals collaborating"
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
-          buttonText="Schedule Your Consultation"
+          inputPlaceholder="Enter your email"
+          buttonText="Sign Up"
+          termsText="We respect your privacy. Unsubscribe at any time."
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Medical Web Pro"
-          copyrightText="© 2025 Medical Web Pro. All rights reserved. HIPAA-Compliant Healthcare Web Design."
-          socialLinks={[
+        <FooterSimple
+          columns={[
             {
-              icon: Facebook,
-              href: "https://facebook.com/medicalwebpro",              ariaLabel: "Facebook"
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "About", href: "#about" },
+                { label: "Features", href: "#features" },
+                { label: "Pricing", href: "#pricing" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Blog", href: "#" },
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Support", href: "#contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "HIPAA Policy", href: "#" },
+                { label: "Compliance", href: "#" },
+              ],
             },
           ]}
+          bottomLeftText="© 2025 Webbug. All rights reserved."
+          bottomRightText="Made with ❤️ for Healthcare Professionals"
         />
       </div>
     </ThemeProvider>