Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 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';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Mail, User, Calendar, Star, MapPin, Heart, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -29,17 +30,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Početna",
+          name: "Početna",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Skica",
+          name: "Skica",          id: "questionnaire"},
-          id: "questionnaire",
-        },
         {
-          name: "Cena",
+          name: "Cena",          id: "pricing"},
-          id: "pricing",
-        },
       ]}
       brandName="Soulmate Sketch"
     />
@@ -48,15 +43,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",
+          text: "Započni svoju skicu",          href: "#questionnaire"},
-          href: "#questionnaire",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=1"
     />
@@ -68,20 +60,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "24h Isporuka",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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 +78,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "package-1",
+          id: "package-1",          badge: "Popularno",          price: "19.99€",          subtitle: "Digitalna skica i profil ličnosti",          buttons: [
-          badge: "Popularno",
-          price: "19.99€",
-          subtitle: "Digitalna skica i profil ličnosti",
-          buttons: [
             {
-              text: "Započni",
+              text: "Započni",              href: "#questionnaire"},
-              href: "#questionnaire",
-            },
           ],
           features: [
-            "Digitalna skica visoke rezolucije",
+            "Digitalna skica visoke rezolucije",            "Analiza profila ličnosti",            "Dostava putem emaila"],
-            "Analiza profila ličnosti",
-            "Dostava putem emaila",
-          ],
         },
       ]}
       title="Paket skiciranja"
@@ -127,48 +101,31 @@ export default function LandingPage() {
       showRating={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Jovana M.",          handle: "@jovana_love",          testimonial: "Neverovatno kako je skica ličila na osobu koju sam kasnije upoznala. Fascinantno!",          rating: 5,
-          name: "Jovana M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=2"},
-          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",
+          id: "t2",          name: "Marko S.",          handle: "@markos_sketch",          testimonial: "Brza usluga i vrlo profesionalan pristup. Preporučujem svima.",          rating: 5,
-          name: "Marko S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=3"},
-          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",
+          id: "t3",          name: "Elena V.",          handle: "@elenav_art",          testimonial: "Umetnički kvalitet je zaista na visokom nivou. Hvala vam!",          rating: 4,
-          name: "Elena V.",
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=4"},
-          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",
+          id: "t4",          name: "Stefan D.",          handle: "@stefan_d",          testimonial: "Zanimljiv koncept, vredi pokušati. Veoma sam zadovoljan.",          rating: 5,
-          name: "Stefan D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/decorative-floral-composition_23-2147601189.jpg?_wi=5"},
-          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
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Formular"
-      background={{
+      title="Popunite podatke o vama"
-        variant: "plain",
+      description="Unesite tražene informacije kako bismo izradili personalizovanu skicu vaše srodne duše. Vaši podaci su sigurni kod nas."
-      }}
+      buttons={[
-      text="Molimo unesite svoje podatke za izradu skice. Ime, datum rođenja, horoskopski znak, mesto rođenja, ljubavni status, željeni pol, email."
+        { text: "Pošalji podatke" }
+      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -178,16 +135,11 @@ export default function LandingPage() {
       logoText="Soulmate Sketch"
       columns={[
         {
-          title: "Informacije",
+          title: "Informacije",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}