Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Over Emotion Code",
-          id: "emotion-code",
-        },
-        {
-          name: "Over Irene",
-          id: "about-irene",
-        },
-        {
-          name: "Tarieven",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Over Emotion Code", id: "emotion-code" },
+        { name: "Over Irene", id: "about-irene" },
+        { name: "Tarieven", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LaatLos!"
     />
@@ -59,46 +44,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Laat vastzittende emoties los en ervaar meer rust, ruimte en balans."
       description="Met de Emotion Code® help ik je blokkades op te sporen en los te laten — online, telefonisch of in mijn praktijk."
       buttons={[
-        {
-          text: "Plan een sessie",
-          href: "#contact",
-        },
-        {
-          text: "Stel een vraag",
-          href: "#contact",
-        },
+        { text: "Plan een sessie", href: "https://calendly.com/laatlos" },
+        { text: "Stel een vraag", href: "mailto:info@laatlos.nl" },
       ]}
       carouselItems={[
-        {
-          id: "h1",
-          imageSrc: "http://img.b2bpic.net/free-photo/sand-surface-texture-background-art-balance-concept_53876-124284.jpg",
-        },
-        {
-          id: "h2",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-eucalyptus-background_23-2149425044.jpg",
-        },
-        {
-          id: "h3",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-table-arrangement_23-2148941059.jpg",
-        },
-        {
-          id: "h4",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-christmas-background_23-2147722439.jpg",
-        },
-        {
-          id: "h5",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-paint-canvas_53876-88863.jpg",
-        },
-        {
-          id: "h6",
-          imageSrc: "http://img.b2bpic.net/free-photo/candles-leaves-bamboo-cloths-with-copy-space_23-2147628619.jpg",
-        },
+        { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/sand-surface-texture-background-art-balance-concept_53876-124284.jpg" },
+        { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/elegant-eucalyptus-background_23-2149425044.jpg" },
+        { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-table-arrangement_23-2148941059.jpg" },
+        { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/blurred-christmas-background_23-2147722439.jpg" },
+        { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/green-paint-canvas_53876-88863.jpg" },
+        { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/candles-leaves-bamboo-cloths-with-copy-space_23-2147628619.jpg" },
       ]}
     />
   </div>
@@ -110,26 +69,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Fysieke klachten",
-          description: "Lichamelijke spanning die maar niet weggaat.",
-          imageSrc: "http://img.b2bpic.net/free-vector/wellness-spa-design-logo-vector_53876-43522.jpg",
-        },
-        {
-          title: "Spanning en stress",
-          description: "Langdurige onrust die je dagelijks belemmert.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-paper-made-woman-crying_23-2148857187.jpg",
-        },
-        {
-          title: "Terugkerende patronen",
-          description: "Steeds weer vastlopen in dezelfde situaties.",
-          imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-logo-set-retro-style_23-2148376461.jpg",
-        },
-        {
-          title: "Emotionele blokkades",
-          description: "Gevoel van afgeslotenheid van je emoties.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sad-depressed-fail-down-perforated-paper_53876-41388.jpg",
-        },
+        { title: "Fysieke klachten", description: "Lichamelijke spanning die maar niet weggaat.", imageSrc: "http://img.b2bpic.net/free-vector/wellness-spa-design-logo-vector_53876-43522.jpg" },
+        { title: "Spanning en stress", description: "Langdurige onrust die je dagelijks belemmert.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-paper-made-woman-crying_23-2148857187.jpg" },
+        { title: "Terugkerende patronen", description: "Steeds weer vastlopen in dezelfde situaties.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-logo-set-retro-style_23-2148376461.jpg" },
+        { title: "Emotionele blokkades", description: "Gevoel van afgeslotenheid van je emoties.", imageSrc: "http://img.b2bpic.net/free-photo/sad-depressed-fail-down-perforated-paper_53876-41388.jpg" },
       ]}
       title="Wat zijn vastzittende emoties?"
       description="We dragen allemaal ervaringen met ons mee. Soms worden die ervaringen niet volledig verwerkt en blijven ze als vastzittende emoties achter in je lichaam."
@@ -155,12 +98,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       team={[
-        {
-          id: "irene",
-          name: "Irene Kloppenburg",
-          role: "Certified Emotion Code® Practitioner",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-eco-food-bowl_624325-1722.jpg",
-        },
+        { id: "irene", name: "Irene Kloppenburg", role: "Certified Emotion Code® Practitioner", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-eco-food-bowl_624325-1722.jpg" },
       ]}
       title="Wie ben ik?"
       description="Mijn naam is Irene Kloppenburg. Ik combineer 35 jaar ervaring in onderwijs en persoonlijke begeleiding met de kracht van de Emotion Code®. Mijn aanpak is nuchter, warm en intuïtief."
@@ -173,52 +111,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "focus",
-          name: "Focus Sessie",
-          price: "€47,50",
-          features: [
-            "Online of telefonisch",
-            "25 minuten",
-          ],
-          buttons: [
-            {
-              text: "Plan een sessie",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "trio",
-          name: "Drieluik",
-          price: "€135,-",
-          features: [
-            "3 sessies",
-            "Meest gekozen",
-          ],
-          buttons: [
-            {
-              text: "Plan een sessie",
-              href: "#contact",
-            },
-          ],
-          badge: "Meest gekozen",
-        },
-        {
-          id: "loc",
-          name: "Ontmoetingssessie",
-          price: "€95,-",
-          features: [
-            "Op locatie",
-            "ca. 60 minuten",
-          ],
-          buttons: [
-            {
-              text: "Plan een sessie",
-              href: "#contact",
-            },
-          ],
-        },
+        { id: "focus", name: "Focus Sessie", price: "€47,50", features: ["Online of telefonisch", "25 minuten"], buttons: [{ text: "Plan een sessie", href: "https://calendly.com/laatlos" }] },
+        { id: "trio", name: "Drieluik", price: "€135,-", features: ["3 sessies", "Meest gekozen"], buttons: [{ text: "Plan een sessie", href: "https://calendly.com/laatlos" }], badge: "Meest gekozen" },
+        { id: "loc", name: "Ontmoetingssessie", price: "€95,-", features: ["Op locatie", "ca. 60 minuten"], buttons: [{ text: "Plan een sessie", href: "https://calendly.com/laatlos" }] },
       ]}
       title="Werkwijze & Tarieven"
       description="Omdat Emotion Code® energetisch werkt, is fysieke nabijheid niet vereist voor diepgaande resultaten."
@@ -231,46 +126,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Anna",
-          handle: "Cliënt",
-          testimonial: "Ik voelde me direct op mijn gemak bij Irene. De sessie was heel verhelderend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark",
-          handle: "Cliënt",
-          testimonial: "Na jarenlang vastlopen voelt het nu eindelijk alsof de ruimte terug is.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sophie",
-          handle: "Cliënt",
-          testimonial: "Irene is nuchter en warm. Een echte aanrader voor iedereen die emotioneel wil groeien.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
-        },
-        {
-          id: "t4",
-          name: "Jan",
-          handle: "Cliënt",
-          testimonial: "De Emotion Code heeft mijn leven positief veranderd. Dankjewel Irene!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149636313.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena",
-          handle: "Cliënt",
-          testimonial: "Professioneel en toch heel persoonlijk. Ik kon echt mijn ei kwijt.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-white-bathrobe-posing-white-wall_114579-28015.jpg",
-        },
+        { id: "t1", name: "Anna", handle: "Cliënt", testimonial: "Ik voelde me direct op mijn gemak bij Irene. De sessie was heel verhelderend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg" },
+        { id: "t2", name: "Mark", handle: "Cliënt", testimonial: "Na jarenlang vastlopen voelt het nu eindelijk alsof de ruimte terug is.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
+        { id: "t3", name: "Sophie", handle: "Cliënt", testimonial: "Irene is nuchter en warm. Een echte aanrader voor iedereen die emotioneel wil groeien.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
+        { id: "t4", name: "Jan", handle: "Cliënt", testimonial: "De Emotion Code heeft mijn leven positief veranderd. Dankjewel Irene!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149636313.jpg" },
+        { id: "t5", name: "Elena", handle: "Cliënt", testimonial: "Professioneel en toch heel persoonlijk. Ik kon echt mijn ei kwijt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-white-bathrobe-posing-white-wall_114579-28015.jpg" },
       ]}
       showRating={true}
       title="Ervaringen"
@@ -282,31 +142,11 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Hoeveel sessies heb ik nodig?",
-          content: "Dit verschilt per persoon en hulpvraag.",
-        },
-        {
-          id: "q2",
-          title: "Werkt dit ook online?",
-          content: "Ja, het werkt energetisch en is net zo effectief op afstand.",
-        },
-        {
-          id: "q3",
-          title: "Moet ik ergens in geloven?",
-          content: "Absoluut niet. De techniek werkt via je onderbewustzijn.",
-        },
-        {
-          id: "q4",
-          title: "Vervanging voor therapie?",
-          content: "Nee, het is een complementaire techniek.",
-        },
-        {
-          id: "q5",
-          title: "Wat na een sessie?",
-          content: "Je kunt je licht of soms wat vermoeid voelen terwijl het lichaam verwerkt.",
-        },
+        { id: "q1", title: "Hoeveel sessies heb ik nodig?", content: "Dit verschilt per persoon en hulpvraag." },
+        { id: "q2", title: "Werkt dit ook online?", content: "Ja, het werkt energetisch en is net zo effectief op afstand." },
+        { id: "q3", title: "Moet ik ergens in geloven?", content: "Absoluut niet. De techniek werkt via je onderbewustzijn." },
+        { id: "q4", title: "Vervanging voor therapie?", content: "Nee, het is een complementaire techniek." },
+        { id: "q5", title: "Wat na een sessie?", content: "Je kunt je licht of soms wat vermoeid voelen terwijl het lichaam verwerkt." },
       ]}
       sideTitle="Veelgestelde vragen"
       faqsAnimation="slide-up"
@@ -316,19 +156,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Heb je een vraag of wil je direct een sessie plannen?"
       buttons={[
-        {
-          text: "Plan een sessie",
-          href: "#",
-        },
-        {
-          text: "Stuur een bericht",
-          href: "#",
-        },
+        { text: "Plan een sessie", href: "https://calendly.com/laatlos" },
+        { text: "Stuur een bericht", href: "mailto:info@laatlos.nl" },
       ]}
     />
   </div>
@@ -338,37 +170,17 @@ export default function LandingPage() {
       logoText="LaatLos!"
       columns={[
         {
-          title: "Menu",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Over Emotion Code",
-              href: "#emotion-code",
-            },
-            {
-              label: "Over Irene",
-              href: "#about-irene",
-            },
+          title: "Menu",          items: [
+            { label: "Home", href: "#hero" },
+            { label: "Over Emotion Code", href: "#emotion-code" },
+            { label: "Over Irene", href: "#about-irene" },
           ],
         },
         {
-          title: "Info",
-          items: [
-            {
-              label: "Tarieven",
-              href: "#pricing",
-            },
-            {
-              label: "Disclaimer",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
+          title: "Info",          items: [
+            { label: "Tarieven", href: "#pricing" },
+            { label: "Disclaimer", href: "#" },
+            { label: "Privacy", href: "#" },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #fdfcf9;
   --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
+  --foreground: #2b2521;
+  --primary-cta: #9b7a62;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #e5dcd6;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --accent: #c6b1a2;
+  --background-accent: #f3eee9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);