Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3897b71bec | |||
| aa53209ead | |||
| bb3a8c70a0 |
382
src/app/page.tsx
382
src/app/page.tsx
@@ -12,9 +12,27 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, Languages } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [lang, setLang] = useState("RU");
|
||||
|
||||
const languageSwitcher = (
|
||||
<div className="flex items-center gap-2 bg-card border rounded-full px-3 py-1 cursor-pointer">
|
||||
<Languages size={16} />
|
||||
<select
|
||||
value={lang}
|
||||
onChange={(e) => setLang(e.target.value)}
|
||||
className="bg-transparent border-none outline-none font-medium text-sm"
|
||||
>
|
||||
<option value="EN">EN</option>
|
||||
<option value="RO">RO</option>
|
||||
<option value="RU">RU</option>
|
||||
</select>
|
||||
</div>
|
||||
);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -32,133 +50,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BEAUTY BUNKER STUDIO"
|
||||
/>
|
||||
<div className="fixed top-4 right-20 z-[100]">
|
||||
{languageSwitcher}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Beauty Crafted Like Art"
|
||||
description="Experience unparalleled luxury in Chișinău's most exclusive beauty sanctuary."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena",
|
||||
testimonial: "The absolute pinnacle of luxury beauty in Moldova. Flawless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-covered-plastic-black-straws_23-2148763400.jpg?_wi=1",
|
||||
imageAlt: "luxury beauty studio hero",
|
||||
},
|
||||
{
|
||||
name: "Natalia K.",
|
||||
handle: "@natalia",
|
||||
testimonial: "Simply cinematic. I felt like a movie star from the moment I arrived.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-while-beautician-wrapping-towel-woman-s-head-spa_23-2147939880.jpg?_wi=1",
|
||||
imageAlt: "luxury beauty studio hero",
|
||||
},
|
||||
{
|
||||
name: "Irina D.",
|
||||
handle: "@irina",
|
||||
testimonial: "Exquisite artistry and such a refined, peaceful atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65165.jpg?_wi=1",
|
||||
imageAlt: "luxury beauty studio hero",
|
||||
},
|
||||
{
|
||||
name: "Maria S.",
|
||||
handle: "@maria",
|
||||
testimonial: "Luxury redefined. My new favorite destination for skincare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11529.jpg?_wi=1",
|
||||
imageAlt: "luxury beauty studio hero",
|
||||
},
|
||||
{
|
||||
name: "Sofia R.",
|
||||
handle: "@sofia",
|
||||
testimonial: "A breathtaking experience that leaves you glowing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-blonde-lady-with-long-eyelashes-posing-indoor-studio-photo-pleasant-caucasian-woman-with-dark-makeup_197531-25623.jpg?_wi=1",
|
||||
imageAlt: "luxury beauty studio hero",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ name: "Elena M.", handle: "@elena", testimonial: "The absolute pinnacle of luxury beauty in Moldova. Flawless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-covered-plastic-black-straws_23-2148763400.jpg?_wi=1" },
|
||||
{ name: "Natalia K.", handle: "@natalia", testimonial: "Simply cinematic. I felt like a movie star from the moment I arrived.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-while-beautician-wrapping-towel-woman-s-head-spa_23-2147939880.jpg?_wi=1" },
|
||||
{ name: "Irina D.", handle: "@irina", testimonial: "Exquisite artistry and such a refined, peaceful atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65165.jpg?_wi=1" },
|
||||
{ name: "Maria S.", handle: "@maria", testimonial: "Luxury redefined. My new favorite destination for skincare.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11529.jpg?_wi=1" },
|
||||
{ name: "Sofia R.", handle: "@sofia", testimonial: "A breathtaking experience that leaves you glowing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fascinating-blonde-lady-with-long-eyelashes-posing-indoor-studio-photo-pleasant-caucasian-woman-with-dark-makeup_197531-25623.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Explore Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-woman-being-covered-plastic-black-straws_23-2148763400.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-posing-paper_23-2148846857.jpg",
|
||||
alt: "Client portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224645.jpg",
|
||||
alt: "Client portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-peice_23-2149020827.jpg",
|
||||
alt: "Client portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256335.jpg",
|
||||
alt: "Client portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466380.jpg",
|
||||
alt: "Client portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "EDITORIAL LUXURY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BESPOKE SERVICE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ARTISTIC PRECISION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN AESTHETICS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNRIVALED QUALITY",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,66 +99,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Luxury Makeup Artistry",
|
||||
tags: [
|
||||
"Fashion",
|
||||
"Editorial",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65165.jpg?_wi=2",
|
||||
imageAlt: "luxury makeup artist work",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Advanced Skin Glow Facials",
|
||||
tags: [
|
||||
"Skincare",
|
||||
"Rejuvenation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-covered-plastic-black-straws_23-2148763400.jpg?_wi=3",
|
||||
imageAlt: "luxury makeup artist work",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Brow & Lash Sculpting",
|
||||
tags: [
|
||||
"Definition",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-while-beautician-wrapping-towel-woman-s-head-spa_23-2147939880.jpg?_wi=3",
|
||||
imageAlt: "luxury makeup artist work",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Bespoke Bridal Packages",
|
||||
tags: [
|
||||
"Wedding",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11529.jpg?_wi=2",
|
||||
imageAlt: "luxury makeup artist work",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Aesthetic Consultations",
|
||||
tags: [
|
||||
"Consultancy",
|
||||
"Exclusive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-blonde-lady-with-long-eyelashes-posing-indoor-studio-photo-pleasant-caucasian-woman-with-dark-makeup_197531-25623.jpg?_wi=2",
|
||||
imageAlt: "luxury makeup artist work",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Skin Treatments",
|
||||
tags: [
|
||||
"Medical-grade",
|
||||
"Glow",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17775.jpg?_wi=1",
|
||||
imageAlt: "luxury makeup artist work",
|
||||
},
|
||||
{ id: "1", title: "Luxury Makeup Artistry", tags: ["Fashion", "Editorial"], imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65165.jpg?_wi=2" },
|
||||
{ id: "2", title: "Advanced Skin Glow Facials", tags: ["Skincare", "Rejuvenation"], imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-covered-plastic-black-straws_23-2148763400.jpg?_wi=3" },
|
||||
{ id: "3", title: "Brow & Lash Sculpting", tags: ["Definition", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-while-beautician-wrapping-towel-woman-s-head-spa_23-2147939880.jpg?_wi=3" },
|
||||
{ id: "4", title: "Bespoke Bridal Packages", tags: ["Wedding", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11529.jpg?_wi=2" },
|
||||
{ id: "5", title: "Aesthetic Consultations", tags: ["Consultancy", "Exclusive"], imageSrc: "http://img.b2bpic.net/free-photo/fascinating-blonde-lady-with-long-eyelashes-posing-indoor-studio-photo-pleasant-caucasian-woman-with-dark-makeup_197531-25623.jpg?_wi=2" },
|
||||
{ id: "6", title: "Skin Treatments", tags: ["Medical-grade", "Glow"], imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17775.jpg?_wi=1" },
|
||||
]}
|
||||
title="Elite Beauty Services"
|
||||
description="Curated treatments tailored for the modern, discerning client."
|
||||
@@ -253,62 +117,6 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Look 01",
|
||||
name: "Glossy Editorial",
|
||||
price: "Art",
|
||||
rating: 5,
|
||||
reviewCount: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11529.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Look 02",
|
||||
name: "Modern Matte",
|
||||
price: "Art",
|
||||
rating: 5,
|
||||
reviewCount: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-blonde-lady-with-long-eyelashes-posing-indoor-studio-photo-pleasant-caucasian-woman-with-dark-makeup_197531-25623.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Look 03",
|
||||
name: "Skin Perfection",
|
||||
price: "Art",
|
||||
rating: 5,
|
||||
reviewCount: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17775.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Look 04",
|
||||
name: "Bridal Radiance",
|
||||
price: "Art",
|
||||
rating: 5,
|
||||
reviewCount: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-gold-body-painting_23-2150834518.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Look 05",
|
||||
name: "Brow Precision",
|
||||
price: "Art",
|
||||
rating: 5,
|
||||
reviewCount: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curious-woman-with-eye-patches-looking-camera-outdoor-shot-stylish-woman-turban-posing-exotic-background_197531-14665.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Look 06",
|
||||
name: "Glow Ritual",
|
||||
price: "Art",
|
||||
rating: 5,
|
||||
reviewCount: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-girl-sits-table-with-makeup-tools-applying-powder-blush-with-powder-brush-isolated-pink-wall_141793-105660.jpg",
|
||||
},
|
||||
]}
|
||||
title="Editorial Campaign"
|
||||
description="A glimpse into the art of BEAUTY BUNKER."
|
||||
/>
|
||||
@@ -316,27 +124,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose BEAUTY BUNKER"
|
||||
tag="The Difference"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Premium Products",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Elite",
|
||||
description: "Expert Specialists",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Bespoke",
|
||||
description: "Personalized Approach",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Premium Products" },
|
||||
{ id: "m2", value: "Elite", description: "Expert Specialists" },
|
||||
{ id: "m3", value: "Bespoke", description: "Personalized Approach" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -344,50 +139,9 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Outstanding",
|
||||
quote: "The absolute best experience ever.",
|
||||
name: "Sarah",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-ready_23-2149860785.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Elite Quality",
|
||||
quote: "My skin has never looked better.",
|
||||
name: "Anna",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58750.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfection",
|
||||
quote: "Professional, clean, and stunning.",
|
||||
name: "Victoria",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-58749.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Truly Luxury",
|
||||
quote: "A peaceful escape into beauty.",
|
||||
name: "Natalia",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Artistic Masterpieces",
|
||||
quote: "Simply beautiful, thank you.",
|
||||
name: "Elena",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860795.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Journeys"
|
||||
description="What our exclusive clientele says."
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -396,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book?",
|
||||
content: "Book via our WhatsApp link or call us directly.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "Strada Gheorghe Asachi 62/2, Chișinău.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we prioritize bespoke beauty consultations.",
|
||||
},
|
||||
{ id: "1", title: "How do I book?", content: "Book via our WhatsApp link or call us directly." },
|
||||
{ id: "2", title: "Where are you located?", content: "Strada Gheorghe Asachi 62/2, Chișinău." },
|
||||
{ id: "3", title: "Do you offer consultations?", content: "Yes, we prioritize bespoke beauty consultations." },
|
||||
]}
|
||||
title="Booking Details"
|
||||
description="All you need to know about starting your luxury journey."
|
||||
@@ -421,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Inquire Now"
|
||||
title="Join the Experience"
|
||||
description="Secure your spot at our studio."
|
||||
@@ -434,32 +174,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="BEAUTY BUNKER STUDIO"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Strada Gheorghe Asachi 62/2",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Connect", items: [{ label: "WhatsApp", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Location", items: [{ label: "Strada Gheorghe Asachi 62/2", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user