Update src/app/page.tsx

Merge version_18 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -18,14 +18,14 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
         contentWidth="compact"
         sizing="mediumSizeLargeTitles"
-        background="grid"
+        background="none"
         cardStyle="outline"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
         headingFontWeight="light"
     >
       <ReactLenis root>
@@ -40,61 +40,32 @@ export default function LandingPage() {
         { name: "Contact", id: "#contact" },
       ]}
       brandName="Olivia Lallouz"
-      button={{ text: "Book Consultation", href: "#contact" }}
+      button={{ text: "Schedule your evaluation", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient"}}
+      <HeroBillboard
+      background={{ variant: "plain"}}
       title="Transform Your Bite • Breathe Better • Sleep Deeper"
-      description="I'm Olivia Lallouz, a specialized orofacial myologist dedicated to optimizing your bite alignment, enhancing breathing patterns, and improving sleep quality through targeted facial structure correction."
-      leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692369.jpg", imageAlt: "Wellness Studio" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-typing-laptop_23-2148304954.jpg", imageAlt: "Wellness Studio" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-designer-chair-near-full-length-window_1163-3800.jpg", imageAlt: "Wellness Studio" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-poolside-retreat-meditation-space_23-2151935111.jpg", imageAlt: "Wellness Studio" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534500.jpg", imageAlt: "Wellness Studio" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-pool-meditation-space_23-2151935126.jpg", imageAlt: "Wellness Studio" },
-      ]}
-      rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-looking-through-window_1262-2043.jpg", imageAlt: "Olivia Lallouz" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-nurse_23-2151061663.jpg", imageAlt: "Olivia Lallouz" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg", imageAlt: "Olivia Lallouz" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/blonde-pretty-doctor-sitting-her-place-office_259150-60614.jpg", imageAlt: "Olivia Lallouz" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/pleased-tilting-head-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-103462.jpg", imageAlt: "Olivia Lallouz" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg", imageAlt: "Olivia Lallouz" },
-      ]}
-      buttons={[{ text: "Book Your Consultation", href: "#contact" }]}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", alt: "Happy Client" },
-        { src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", alt: "Happy Client" },
-        { src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg", alt: "Happy Client" },
-        { src: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg", alt: "Happy Client" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", alt: "Happy Client" },
-      ]}
-      avatarText="Join 100+ transformed clients"
-      marqueeItems={[
-        { type: "text", text: "Bite Alignment" },
-        { type: "text", text: "Sleep Quality" },
-        { type: "text", text: "Breathing Wellness" },
-        { type: "text", text: "Facial Structure" },
-        { type: "text", text: "Myofunctional Therapy" },
-      ]}
+      description="Optimize your bite, breathing, and sleep through personalized myofunctional therapy designed to reclaim your facial wellness and vitality."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ClWbrS92bXmt7LmjB3TsGBCnuR/uploaded-1776966178389-c97cn8rw.png"
+      imageAlt="Olivia Lallouz"
+      buttons={[{ text: "Schedule your evaluation", href: "#contact" }]}
+      buttonClassName="bg-primary text-primary-foreground font-bold"
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={false}
-      title="Why Orofacial Myology Matters"
+      title="Meet Your Specialist: Olivia Lallouz"
       metrics={[
         { label: "Bite Alignment", value: "Optimized", icon: Sparkles },
         { label: "Breathing", value: "Optimized", icon: Wind },
         { label: "Sleep Quality", value: "Improved", icon: Moon },
       ]}
-      metricsAnimation="slide-up"
+      metricsAnimation="blur-reveal"
     />
   </div>
 
@@ -104,18 +75,18 @@ export default function LandingPage() {
       title="Comprehensive Therapy & Care"
       description="From bite alignment to sleep optimization, my sessions are tailored to your specific facial structure and habits."
       accordionItems={[
-        { id: "1", title: "Sleep Enhancement Therapy", content: "Improve your sleep quality through optimized breathing patterns and orofacial function." },
-        { id: "2", title: "Bite Alignment Correction", content: "Restore proper jaw positioning and eliminate tension through specialized myofunctional techniques." },
-        { id: "3", title: "Breathing Optimization", content: "Learn techniques that transform how you breathe, supporting overall wellness and vitality." },
+        { id: "1", title: "Wake Up Refreshed", content: "Wake up refreshed by eliminating sleep-disrupting mouth breathing through optimized airway function." },
+        { id: "2", title: "Restore Jaw Comfort", content: "Restore proper jaw positioning and eliminate tension through specialized myofunctional techniques that target the root cause of grinding." },
+        { id: "3", title: "Breathe With Ease", content: "Transform your daily breathing habits by reinforcing nasal breathing to support your long-term wellness and vitality." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-sitting-with-closed-eyes_23-2148897916.jpg"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
@@ -123,9 +94,6 @@ export default function LandingPage() {
         { id: "p1", brand: "Course", name: "Myofunctional Foundation", price: "$150", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/medic-equipment-desk_23-2148519752.jpg" },
         { id: "p2", brand: "Course", name: "Better Sleep Blueprint", price: "$195", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-vector/creative-hand-drawn-tree-yoga-gym-our-services-flyer_742173-1347.jpg" },
         { id: "p3", brand: "Course", name: "Jaw Tension Relief", price: "$120", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/staistics-business-strategy-planning-research-digital-tablet-concept_53876-26413.jpg" },
-        { id: "p4", brand: "Course", name: "Habit Transformation Kit", price: "$250", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/blue-notebook-with-dumbbells_23-2148531494.jpg" },
-        { id: "p5", brand: "Course", name: "Advanced Orofacial Wellness", price: "$300", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-choosing-recipe-from-internet_23-2147809496.jpg" },
-        { id: "p6", brand: "Course", name: "Daily Habit Routine", price: "$85", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/think-outside-box-concept_53876-133687.jpg" },
       ]}
       title="Curated Wellness Courses"
       description="Access my specialized programs designed to help you build essential habits for lasting change."
@@ -134,7 +102,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
@@ -150,15 +118,12 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Matthew L.", role: "Client", testimonial: "Olivia has been the light I have been looking for... I have been doing myofunctional therapy with Olivia and it has been nothing short of the most ideal experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg" },
-        { id: "2", name: "Max M.", role: "Client", testimonial: "Olivia and her team have been amazing. From the start, they've been incredibly kind, professional, and genuinely invested in helping.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg" },
-        { id: "3", name: "Kyle S.", role: "Client", testimonial: "Treatment with Olivia has truly been a game changer for me. I came in for orofacial myofunctional therapy and from the very first visit, I felt comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg" },
-        { id: "4", name: "Sarah J.", role: "Client", testimonial: "I have already noticed significant improvements in how my tongue rests and how I breathe. It is truly life-changing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg" },
-        { id: "5", name: "Elena R.", role: "Client", testimonial: "So professional, thorough, and supportive throughout the entire process. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg" },
+        { id: "1", name: "Matthew L.", role: "Client", testimonial: "Olivia has been the light I have been looking for... I have been doing myofunctional therapy with Olivia and it has been nothing short of the most ideal experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ClWbrS92bXmt7LmjB3TsGBCnuR/uploaded-1776964335340-auiig8s9.png?_wi=2" },
+        { id: "2", name: "Max M.", role: "Client", testimonial: "Olivia and her team have been amazing. From the start, they've been incredibly kind, professional, and genuinely invested in helping.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ClWbrS92bXmt7LmjB3TsGBCnuR/uploaded-1776964335340-auiig8s9.png?_wi=3" },
       ]}
       title="Client Love"
       description="Read about the transformations experienced by my clients."
@@ -170,24 +135,26 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "What is orofacial myology?", content: "It is the study and treatment of oral and facial muscles as they relate to speech, dentition, chewing, swallowing, and overall health." },
+        { id: "q1", title: "What is orofacial myology?", content: "A specialized therapy focusing on tongue, jaw, and facial muscle function to enhance breathing, sleep, and overall wellness." },
         { id: "q2", title: "How do online sessions work?", content: "I offer personalized video consultations to guide you through specific exercises and therapy protocols from the comfort of your home." },
-        { id: "q3", title: "Who benefits from this therapy?", content: "Anyone dealing with bite issues, jaw tension, mouth breathing, or sleep disturbances can benefit significantly." },
       ]}
-      title="Common Questions"
+      title="How My Therapy Works"
       description="Find answers to help you start your journey."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "plain"}}
       text="Ready to Transform Your Wellness?"
-      buttons={[{ text: "Book Your Consultation", href: "#" }]}
+      buttons={[{ text: "Schedule your evaluation", href: "#" }]}
+      className="text-center"
     />
+    <div className="text-center text-sm text-foreground/60 py-4">
+       *Insurance is accepted only in Florida. All international or out-of-state clients are private pay.
+    </div>
   </div>
 
   <div id="footer" data-section="footer">
@@ -200,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --background: #fcfaf7;
+  --card: #f5f3ef;
+  --foreground: #3d3a35;
+  --primary-cta: #7d756b;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e8e4de;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #d3cdc4;
+  --background-accent: #e8e4de;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);