Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Početna",
-          id: "hero",
-        },
+          name: "Početna",          id: "hero"},
         {
-          name: "Skica",
-          id: "questionnaire",
-        },
+          name: "Skica",          id: "questionnaire"},
         {
-          name: "Cena",
-          id: "pricing",
-        },
+          name: "Cena",          id: "pricing"},
       ]}
       brandName="Soulmate Sketch"
     />
@@ -48,15 +42,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Otkrijte lik svoje srodne duše"
       description="Naši vizionari i umetnici pomažu vam da vizualizujete osobu koja vam je suđena."
       buttons={[
         {
-          text: "Započni svoju skicu",
-          href: "#questionnaire",
-        },
+          text: "Započni svoju skicu",          href: "#questionnaire"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=1"
     />
@@ -68,20 +59,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "24h Isporuka",
-          description: "Brzo i pouzdano do vaših vrata.",
-          imageSrc: "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147885820.jpg",
-        },
+          title: "24h Isporuka",          description: "Brzo i pouzdano do vaših vrata.",          imageSrc: "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147885820.jpg"},
         {
-          title: "100% Diskrecija",
-          description: "Vaši podaci ostaju strogo poverljivi.",
-          imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg",
-        },
+          title: "100% Diskrecija",          description: "Vaši podaci ostaju strogo poverljivi.",          imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg"},
         {
-          title: "Umetnički kvalitet",
-          description: "Ručno izrađeni radovi vrhunskih umetnika.",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588372.jpg",
-        },
+          title: "Umetnički kvalitet",          description: "Ručno izrađeni radovi vrhunskih umetnika.",          imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588372.jpg"},
       ]}
       title="Zašto odabrati nas?"
       description="Profesionalizam i umetnost u vašoj službi."
@@ -95,21 +77,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "package-1",
-          badge: "Popularno",
-          price: "19.99€",
-          subtitle: "Digitalna skica i profil ličnosti",
-          buttons: [
+          id: "package-1",          badge: "Popularno",          price: "19.99€",          subtitle: "Digitalna skica i profil ličnosti",          buttons: [
             {
-              text: "Započni",
-              href: "#questionnaire",
-            },
+              text: "Započni",              onClick: () => window.open("https://example.com/questionnaire", "_blank")},
           ],
           features: [
-            "Digitalna skica visoke rezolucije",
-            "Analiza profila ličnosti",
-            "Dostava putem emaila",
-          ],
+            "Digitalna skica visoke rezolucije",            "Analiza profila ličnosti",            "Dostava putem emaila"],
         },
       ]}
       title="Paket skiciranja"
@@ -127,48 +100,31 @@ export default function LandingPage() {
       showRating={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Jovana M.",
-          handle: "@jovana_love",
-          testimonial: "Neverovatno kako je skica ličila na osobu koju sam kasnije upoznala. Fascinantno!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=2",
-        },
+          id: "t1",          name: "Jovana M.",          handle: "@jovana_love",          testimonial: "Neverovatno kako je skica ličila na osobu koju sam kasnije upoznala. Fascinantno!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=2"},
         {
-          id: "t2",
-          name: "Marko S.",
-          handle: "@markos_sketch",
-          testimonial: "Brza usluga i vrlo profesionalan pristup. Preporučujem svima.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=3",
-        },
+          id: "t2",          name: "Marko S.",          handle: "@markos_sketch",          testimonial: "Brza usluga i vrlo profesionalan pristup. Preporučujem svima.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=3"},
         {
-          id: "t3",
-          name: "Elena V.",
-          handle: "@elenav_art",
-          testimonial: "Umetnički kvalitet je zaista na visokom nivou. Hvala vam!",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=4",
-        },
+          id: "t3",          name: "Elena V.",          handle: "@elenav_art",          testimonial: "Umetnički kvalitet je zaista na visokom nivou. Hvala vam!",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=4"},
         {
-          id: "t4",
-          name: "Stefan D.",
-          handle: "@stefan_d",
-          testimonial: "Zanimljiv koncept, vredi pokušati. Veoma sam zadovoljan.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=5",
-        },
+          id: "t4",          name: "Stefan D.",          handle: "@stefan_d",          testimonial: "Zanimljiv koncept, vredi pokušati. Veoma sam zadovoljan.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=5"},
       ]}
     />
   </div>
 
   <div id="questionnaire" data-section="questionnaire">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Molimo unesite svoje podatke za izradu skice. Ime, datum rođenja, horoskopski znak, mesto rođenja, ljubavni status, željeni pol, email."
+      <ContactCTA
+      tag="Formular"
+      title="Popunite podatke o vama"
+      description="Unesite tražene informacije kako bismo izradili personalizovanu skicu vaše srodne duše. Vaši podaci su sigurni kod nas."
+      buttons={[
+        { text: "Pošalji podatke", onClick: () => window.open("https://example.com/questionnaire", "_blank") }
+      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -178,16 +134,11 @@ export default function LandingPage() {
       logoText="Soulmate Sketch"
       columns={[
         {
-          title: "Informacije",
-          items: [
+          title: "Informacije",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -196,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}