Switch to version 2: modified src/app/page.tsx

src/app/page.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactForm from '@/components/form/ContactForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -29,14 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About You", id: "about" },
-        {
+        { name: "Timeline", id: "features" },
-          name: "About You",          id: "about"},
+        { name: "Wishes", id: "birthday-wishes" },
-        {
+        { name: "Messages", id: "testimonials" },
-          name: "Timeline",          id: "features"},
-        {
-          name: "Messages",          id: "testimonials"},
       ]}
       brandName="Happy Birthday!"
     />
@@ -44,14 +42,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Happy Birthday, My Love!"
       description="Celebrating the most incredible human being I know. Today is all about you."
-      buttons={[
+      buttons={[{ text: "See the celebration", href: "#about" }]}
-        {
-          text: "See the celebration",          href: "#about"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/white-pink-birthday-balloons-against-white-background_23-2148092606.jpg"
       imageAlt="Birthday celebration background"
     />
@@ -62,15 +56,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Why You're Amazing"
       metrics={[
-        {
+        { icon: Heart, label: "Years of Joy", value: "Forever" },
-          icon: Heart,
+        { icon: Smile, label: "Smiles Caused", value: "Millions" },
-          label: "Years of Joy",          value: "Forever"},
+        { icon: Star, label: "Your Magic", value: "Infinite" },
-        {
-          icon: Smile,
-          label: "Smiles Caused",          value: "Millions"},
-        {
-          icon: Star,
-          label: "Your Magic",          value: "Infinite"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -84,12 +72,9 @@ export default function LandingPage() {
       features={[
         {
           title: "The Beginning",          description: "The day everything changed for the better.",          bentoComponent: "media-stack",          items: [
-            {
+            { imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-calm-chill-beverage-resting-enjoy-concept_53876-42609.jpg", imageAlt: "Our early days" },
-              imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-calm-chill-beverage-resting-enjoy-concept_53876-42609.jpg",              imageAlt: "Our early days"},
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-couple-love-walking-by-river-wild-nature-winter-vacation_285396-2037.jpg", imageAlt: "Adventure 1" },
-            {
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-women-their-graduation-night_23-2149106120.jpg", imageAlt: "Adventure 2" },
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-couple-love-walking-by-river-wild-nature-winter-vacation_285396-2037.jpg",              imageAlt: "Adventure 1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-women-their-graduation-night_23-2149106120.jpg",              imageAlt: "Adventure 2"},
           ],
         },
         {
@@ -104,20 +89,27 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="birthday-wishes" data-section="birthday-wishes">
+      <ContactForm
+        title="Leave a Birthday Wish"
+        description="Share your kindest words for this special day. Your message will be part of the celebration."
+        tag="Birthday Guestbook"
+        buttonText="Send Wish"
+        inputPlaceholder="Type your wish here..."
+        termsText=""
+        useInvertedBackground={false}
+      />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Love of my Life", imageSrc: "http://img.b2bpic.net/free-photo/front-view-relaxing-couple-with-wooden-background_23-2148243297.jpg" },
-          id: "1",          name: "Love of my Life",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-relaxing-couple-with-wooden-background_23-2148243297.jpg"},
+        { id: "2", name: "Best Friend", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-model-with-golden-light_23-2148905622.jpg" },
-        {
+        { id: "3", name: "My Favorite Person", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916039.jpg" },
-          id: "2",          name: "Best Friend",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-model-with-golden-light_23-2148905622.jpg"},
+        { id: "4", name: "Adventure Partner", imageSrc: "http://img.b2bpic.net/free-photo/view-gay-couple-being-affectionate-spending-time-together-beach_23-2150168611.jpg" },
-        {
+        { id: "5", name: "My Everything", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184865.jpg" },
-          id: "3",          name: "My Favorite Person",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916039.jpg"},
-        {
-          id: "4",          name: "Adventure Partner",          imageSrc: "http://img.b2bpic.net/free-photo/view-gay-couple-being-affectionate-spending-time-together-beach_23-2150168611.jpg"},
-        {
-          id: "5",          name: "My Everything",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184865.jpg"},
       ]}
       cardTitle="Birthday Wishes for You"
       cardTag="Love Notes"
@@ -128,15 +120,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       tag="Let's Celebrate"
       title="Ready for your surprise?"
       description="I have something special planned for you later today."
-      buttons={[
+      buttons={[{ text: "See the surprise", href: "#surprise" }]}
-        {
-          text: "See the surprise",          href: "#surprise"},
-      ]}
     />
   </div>
 
@@ -145,18 +133,14 @@ export default function LandingPage() {
       columns={[
         {
           title: "Celebrate",          items: [
-            {
+            { label: "Surprise", href: "#" },
-              label: "Surprise",              href: "#"},
+            { label: "Memories", href: "#" },
-            {
-              label: "Memories",              href: "#"},
           ],
         },
         {
           title: "Links",          items: [
-            {
+            { label: "Contact", href: "#" },
-              label: "Contact",              href: "#"},
+            { label: "Privacy", href: "#" },
-            {
-              label: "Privacy",              href: "#"},
           ],
         },
       ]}