Merge version_2 into main #1
297
src/app/page.tsx
297
src/app/page.tsx
@@ -9,7 +9,6 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
@@ -32,25 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Početna",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Početna", id: "hero"},
|
||||
{
|
||||
name: "O nama",
|
||||
id: "about",
|
||||
},
|
||||
name: "O nama", id: "about"},
|
||||
{
|
||||
name: "Usluge",
|
||||
id: "services",
|
||||
},
|
||||
name: "Usluge", id: "services"},
|
||||
{
|
||||
name: "Galerija",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Magic Sun"
|
||||
/>
|
||||
@@ -59,108 +46,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Savršen ten tokom cele godine"
|
||||
description="Profesionalni solarijum u srcu Novog Sada. Postignite svoj glow uz sigurnu i kontrolisanu uslugu."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg",
|
||||
imageAlt: "Salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg", imageAlt: "Salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27774.jpg",
|
||||
imageAlt: "Kabina",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27774.jpg", imageAlt: "Kabina"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466386.jpg",
|
||||
imageAlt: "Ten",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466386.jpg", imageAlt: "Ten"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-beauty-concept_23-2147817694.jpg",
|
||||
imageAlt: "Detalji",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-beauty-concept_23-2147817694.jpg", imageAlt: "Detalji"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg",
|
||||
imageAlt: "Lobi",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg", imageAlt: "Lobi"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489844.jpg",
|
||||
imageAlt: "Tehnologija",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489844.jpg", imageAlt: "Tehnologija"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-woman-s-arm_23-2148248522.jpg",
|
||||
imageAlt: "Ten",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-woman-s-arm_23-2148248522.jpg", imageAlt: "Ten"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692167.jpg",
|
||||
imageAlt: "Salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692167.jpg", imageAlt: "Salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27776.jpg",
|
||||
imageAlt: "Tehnologija",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27776.jpg", imageAlt: "Tehnologija"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-sporty-girls-gym_1157-14557.jpg",
|
||||
imageAlt: "Kabina",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-sporty-girls-gym_1157-14557.jpg", imageAlt: "Kabina"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Pozovi odmah",
|
||||
href: "tel:021527620",
|
||||
},
|
||||
text: "Pozovi odmah", href: "tel:021527620"},
|
||||
{
|
||||
text: "Poseti nas",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Poseti nas", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-design-reflects-modern-architecture-dusk-generated-by-ai_188544-30970.jpg",
|
||||
alt: "Klijent 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-design-reflects-modern-architecture-dusk-generated-by-ai_188544-30970.jpg", alt: "Klijent 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coconut-leaf-with-sky-background_74190-6683.jpg",
|
||||
alt: "Klijent 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coconut-leaf-with-sky-background_74190-6683.jpg", alt: "Klijent 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg",
|
||||
alt: "Klijent 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg", alt: "Klijent 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg",
|
||||
alt: "Klijent 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg", alt: "Klijent 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-having-rest-sauna-alone_169016-22933.jpg",
|
||||
alt: "Klijent 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-having-rest-sauna-alone_169016-22933.jpg", alt: "Klijent 5"},
|
||||
]}
|
||||
avatarText="Preko 1000 zadovoljnih klijenata"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Moderna tehnologija",
|
||||
},
|
||||
type: "text", text: "Moderna tehnologija"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Besprekorna higijena",
|
||||
},
|
||||
type: "text", text: "Besprekorna higijena"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sigurno tamnjenje",
|
||||
},
|
||||
type: "text", text: "Sigurno tamnjenje"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prijatan ambijent",
|
||||
},
|
||||
type: "text", text: "Prijatan ambijent"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Profesionalna usluga",
|
||||
},
|
||||
type: "text", text: "Profesionalna usluga"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,17 +115,11 @@ export default function LandingPage() {
|
||||
description="Sa ocenom preko 4.8, naši klijenti nam veruju zbog besprekorne higijene, vrhunske opreme i opuštene atmosfere."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Besprekorna higijena",
|
||||
description: "Redovna dezinfekcija kabina nakon svakog tretmana.",
|
||||
},
|
||||
title: "Besprekorna higijena", description: "Redovna dezinfekcija kabina nakon svakog tretmana."},
|
||||
{
|
||||
title: "Vrhunska oprema",
|
||||
description: "Najmoderniji solarijumi za bezbedno i brzo tamnjenje.",
|
||||
},
|
||||
title: "Vrhunska oprema", description: "Najmoderniji solarijumi za bezbedno i brzo tamnjenje."},
|
||||
{
|
||||
title: "4.8+ Ocena",
|
||||
description: "Zadovoljni klijenti su naša najbolja preporuka.",
|
||||
},
|
||||
title: "4.8+ Ocena", description: "Zadovoljni klijenti su naša najbolja preporuka."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4057.jpg"
|
||||
imageAlt="Magic Sun Solarium enterijer"
|
||||
@@ -197,23 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Solarijum tretmani",
|
||||
description: "Prilagođeni tretmani za sve tipove kože.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg",
|
||||
imageAlt: "Tretmani",
|
||||
},
|
||||
title: "Solarijum tretmani", description: "Prilagođeni tretmani za sve tipove kože.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg", imageAlt: "Tretmani"},
|
||||
{
|
||||
title: "Brzo tamnjenje",
|
||||
description: "Postignite željeni ten u minimalnom broju poseta.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-model-with-dark-hair-black-swimwear_158538-3115.jpg",
|
||||
imageAlt: "Glow",
|
||||
},
|
||||
title: "Brzo tamnjenje", description: "Postignite željeni ten u minimalnom broju poseta.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-model-with-dark-hair-black-swimwear_158538-3115.jpg", imageAlt: "Glow"},
|
||||
{
|
||||
title: "Stručne konsultacije",
|
||||
description: "Pomažemo vam da odaberete idealno vreme sunčanja.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-stone-made-instrument-gradient-background_23-2149364175.jpg",
|
||||
imageAlt: "Konsultacije",
|
||||
},
|
||||
title: "Stručne konsultacije", description: "Pomažemo vam da odaberete idealno vreme sunčanja.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-stone-made-instrument-gradient-background_23-2149364175.jpg", imageAlt: "Konsultacije"},
|
||||
]}
|
||||
title="Naše usluge"
|
||||
description="Profesionalna nega kože u prijatnom ambijentu."
|
||||
@@ -228,80 +152,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Brzo",
|
||||
description: "Vidljivi rezultati već nakon prvog tretmana.",
|
||||
},
|
||||
id: "1", value: "Brzo", description: "Vidljivi rezultati već nakon prvog tretmana."},
|
||||
{
|
||||
id: "2",
|
||||
value: "Ravnomerno",
|
||||
description: "Savršena distribucija tena bez fleka.",
|
||||
},
|
||||
id: "2", value: "Ravnomerno", description: "Savršena distribucija tena bez fleka."},
|
||||
{
|
||||
id: "3",
|
||||
value: "Sigurno",
|
||||
description: "Kontrolisano vreme za zdravlje kože.",
|
||||
},
|
||||
id: "3", value: "Sigurno", description: "Kontrolisano vreme za zdravlje kože."},
|
||||
{
|
||||
id: "4",
|
||||
value: "Premium",
|
||||
description: "Opuštajuće okruženje i vrhunska usluga.",
|
||||
},
|
||||
id: "4", value: "Premium", description: "Opuštajuće okruženje i vrhunska usluga."},
|
||||
]}
|
||||
title="Vaš ten, naše zadovoljstvo"
|
||||
description="Prednosti koje Magic Sun nudi za vas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Recepcija",
|
||||
price: "Prijatan ambijent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Solarijum kabine",
|
||||
price: "Moderne i čiste",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Savršen ten",
|
||||
price: "Glow izgled",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-chin-side-view_23-2148267251.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Proizvodi za negu",
|
||||
price: "Vrhunska kozmetika",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flowers-with-bath-accessories-blurred-background-health-beauty-concept_169016-10306.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kutak za odmor",
|
||||
price: "Opuštanje",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-candles-shine-shelves_1304-5595.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tehnologija",
|
||||
price: "Najnoviji modeli",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151152278.jpg",
|
||||
},
|
||||
]}
|
||||
title="Naš prostor"
|
||||
description="Kvalitet i udobnost na jednom mestu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
@@ -309,40 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jovana M.",
|
||||
role: "Redovni klijent",
|
||||
testimonial: "Najbolji solarijum u NS! Higijena je na prvom mestu, a ten je uvek savršen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_52683-88938.jpg",
|
||||
},
|
||||
id: "1", name: "Jovana M.", role: "Redovni klijent", testimonial: "Najbolji solarijum u NS! Higijena je na prvom mestu, a ten je uvek savršen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_52683-88938.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marko P.",
|
||||
role: "Klijent",
|
||||
testimonial: "Brzo sam postigao željenu boju, a osoblje je veoma ljubazno i stručno.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-message_1098-2654.jpg",
|
||||
},
|
||||
id: "2", name: "Marko P.", role: "Klijent", testimonial: "Brzo sam postigao željenu boju, a osoblje je veoma ljubazno i stručno.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-message_1098-2654.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana S.",
|
||||
role: "Redovni klijent",
|
||||
testimonial: "Prijatna atmosfera i vrhunska oprema. Svaka preporuka za Magic Sun!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg",
|
||||
},
|
||||
id: "3", name: "Ana S.", role: "Redovni klijent", testimonial: "Prijatna atmosfera i vrhunska oprema. Svaka preporuka za Magic Sun!", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena K.",
|
||||
role: "Redovni klijent",
|
||||
testimonial: "Obožavam kako mi koža izgleda posle tretmana. Uvek čisto i uredno.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg",
|
||||
},
|
||||
id: "4", name: "Elena K.", role: "Redovni klijent", testimonial: "Obožavam kako mi koža izgleda posle tretmana. Uvek čisto i uredno.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Stefan R.",
|
||||
role: "Klijent",
|
||||
testimonial: "Odličan odnos cene i kvaliteta. Dolazim redovno!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-solarium-beauty-salon_181624-58596.jpg",
|
||||
},
|
||||
id: "5", name: "Stefan R.", role: "Klijent", testimonial: "Odličan odnos cene i kvaliteta. Dolazim redovno!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-solarium-beauty-salon_181624-58596.jpg"},
|
||||
]}
|
||||
title="Šta kažu naši klijenti"
|
||||
description="Preko 1000 zadovoljnih klijenata nam redovno ukazuje poverenje."
|
||||
@@ -355,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Koliko traje tretman?",
|
||||
content: "Tretman obično traje između 5 i 15 minuta, zavisno od vašeg tipa kože i željenog efekta.",
|
||||
},
|
||||
id: "1", title: "Koliko traje tretman?", content: "Tretman obično traje između 5 i 15 minuta, zavisno od vašeg tipa kože i željenog efekta."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Koliko često dolaziti?",
|
||||
content: "Za postizanje boje preporučujemo 2-3 puta nedeljno, nakon čega je održavanje jednom nedeljno sasvim dovoljno.",
|
||||
},
|
||||
id: "2", title: "Koliko često dolaziti?", content: "Za postizanje boje preporučujemo 2-3 puta nedeljno, nakon čega je održavanje jednom nedeljno sasvim dovoljno."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Da li je bezbedno?",
|
||||
content: "Da, naši solarijumi su moderni i koriste kontrolisane nivoe UV zračenja. Naše osoblje će vam pomoći oko trajanja sunčanja.",
|
||||
},
|
||||
id: "3", title: "Da li je bezbedno?", content: "Da, naši solarijumi su moderni i koriste kontrolisane nivoe UV zračenja. Naše osoblje će vam pomoći oko trajanja sunčanja."},
|
||||
]}
|
||||
title="Česta pitanja"
|
||||
description="Sve što treba da znate pre vašeg prvog tretmana."
|
||||
@@ -380,14 +209,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Postignite savršen ten već danas. Pozovite nas ili nas posetite na adresi Laze Kostića 11, Novi Sad."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pozovi 021 527620",
|
||||
href: "tel:021527620",
|
||||
},
|
||||
text: "Pozovi 021 527620", href: "tel:021527620"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -397,38 +223,25 @@ export default function LandingPage() {
|
||||
logoText="Magic Sun"
|
||||
columns={[
|
||||
{
|
||||
title: "Radno vreme",
|
||||
items: [
|
||||
title: "Radno vreme", items: [
|
||||
{
|
||||
label: "Pon–Sub: 09–22h",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pon–Sub: 09–22h", href: "#"},
|
||||
{
|
||||
label: "Ned: 14–22h",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ned: 14–22h", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Adresa",
|
||||
items: [
|
||||
title: "Adresa", items: [
|
||||
{
|
||||
label: "Laze Kostića 11",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Laze Kostića 11", href: "https://maps.google.com"},
|
||||
{
|
||||
label: "Novi Sad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Novi Sad", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "021 527620",
|
||||
href: "tel:021527620",
|
||||
},
|
||||
label: "021 527620", href: "tel:021527620"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user