Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles, Shield, Star, Award, UserCheck } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -29,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Blush Makeup Studio"
|
||||
/>
|
||||
@@ -56,104 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unveiling Your Natural Beauty"
|
||||
description="Experience luxury skincare and professional makeup artistry at Doraha's premium studio. We create looks that reflect your unique elegance."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-sensual-cheerful-attractive-woman-expecting-baby-embracing-her-belly-while-posing_132075-8396.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg?_wi=1",
|
||||
imageAlt: "Makeup Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg?_wi=1",
|
||||
imageAlt: "Skincare",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg?_wi=1",
|
||||
imageAlt: "Bridal Makeup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg?_wi=1",
|
||||
imageAlt: "Beauty Portrait",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-sensual-cheerful-attractive-woman-expecting-baby-embracing-her-belly-while-posing_132075-8396.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg", imageAlt: "Makeup Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", imageAlt: "Skincare" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg", imageAlt: "Bridal Makeup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg", imageAlt: "Beauty Portrait" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414082.jpg?_wi=1",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg?_wi=1",
|
||||
imageAlt: "Studio Glow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-sensual-cheerful-attractive-woman-expecting-baby-embracing-her-belly-while-posing_132075-8396.jpg?_wi=2",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg?_wi=1",
|
||||
imageAlt: "Reception",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg?_wi=2",
|
||||
imageAlt: "Artist at work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414082.jpg", imageAlt: "Professional Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", imageAlt: "Studio Glow" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-sensual-cheerful-attractive-woman-expecting-baby-embracing-her-belly-while-posing_132075-8396.jpg", imageAlt: "Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg", imageAlt: "Reception" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg", imageAlt: "Artist at work" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414082.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414082.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join 500+ radiant clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Makeup",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skincare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hair Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personal Grooming",
|
||||
},
|
||||
{ type: "text", text: "Bridal Makeup" },
|
||||
{ type: "text", text: "Professional Styling" },
|
||||
{ type: "text", text: "Skincare" },
|
||||
{ type: "text", text: "Hair Care" },
|
||||
{ type: "text", text: "Personal Grooming" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,20 +92,11 @@ export default function LandingPage() {
|
||||
title="Excellence in Artistry"
|
||||
description="Located in the heart of Doraha, Blush Makeup Studio & Spa is dedicated to providing high-quality, professional makeup and spa services. We believe in using the best products to ensure your radiance shines through in every look we create."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We use only high-end, quality products for every service.",
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Professional artists dedicated to perfecting your look.",
|
||||
},
|
||||
{
|
||||
title: "Genuine Pricing",
|
||||
description: "Premium service with honest and reasonable charges.",
|
||||
},
|
||||
{ title: "Premium Products", description: "We use only high-end, quality products for every service." },
|
||||
{ title: "Expert Team", description: "Professional artists dedicated to perfecting your look." },
|
||||
{ title: "Genuine Pricing", description: "Premium service with honest and reasonable charges." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -188,41 +106,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bridal Makeup",
|
||||
description: "Bespoke bridal packages tailored to your big day.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-sensual-cheerful-attractive-woman-expecting-baby-embracing-her-belly-while-posing_132075-8396.jpg?_wi=3",
|
||||
imageAlt: "luxury makeup salon interior warm lighting",
|
||||
},
|
||||
{
|
||||
title: "Skincare Treatments",
|
||||
description: "Revitalizing facials and spa care routines.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg?_wi=4",
|
||||
imageAlt: "makeup artist working in professional studio",
|
||||
},
|
||||
{
|
||||
title: "Professional Styling",
|
||||
description: "Hair and makeup styling for special events.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait soft natural light",
|
||||
},
|
||||
{
|
||||
title: "Personal Grooming",
|
||||
description: "Routine beauty treatments for everyday radiance.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg?_wi=2",
|
||||
imageAlt: "woman with professional makeup look",
|
||||
},
|
||||
{
|
||||
title: "Consultation",
|
||||
description: "Expert advice for all your beauty concerns.",
|
||||
buttonIcon: "UserCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg?_wi=2",
|
||||
imageAlt: "elegant makeup studio client portrait",
|
||||
},
|
||||
{ title: "Bridal Makeup", description: "Bespoke bridal packages tailored to your big day.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/full-length-sensual-cheerful-attractive-woman-expecting-baby-embracing-her-belly-while-posing_132075-8396.jpg", imageAlt: "luxury makeup salon interior warm lighting" },
|
||||
{ title: "Skincare Treatments", description: "Revitalizing facials and spa care routines.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-high-angle_23-2149879980.jpg", imageAlt: "makeup artist working in professional studio" },
|
||||
{ title: "Professional Styling", description: "Hair and makeup styling for special events.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", imageAlt: "happy client portrait soft natural light" },
|
||||
{ title: "Personal Grooming", description: "Routine beauty treatments for everyday radiance.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg", imageAlt: "woman with professional makeup look" },
|
||||
{ title: "Consultation", description: "Expert advice for all your beauty concerns.", buttonIcon: UserCheck, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg", imageAlt: "elegant makeup studio client portrait" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Discover our comprehensive range of beauty and spa services designed to pamper you."
|
||||
@@ -235,60 +123,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ruy Jhajj",
|
||||
role: "Client",
|
||||
company: "Blush Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Balkaran Grewal",
|
||||
role: "Client",
|
||||
company: "Blush Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vishal Kumar",
|
||||
role: "Client",
|
||||
company: "Blush Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Aman Kaur",
|
||||
role: "Client",
|
||||
company: "Blush Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414082.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Neha Sharma",
|
||||
role: "Client",
|
||||
company: "Blush Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Ruy Jhajj", role: "Client", company: "Blush Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg" },
|
||||
{ id: "2", name: "Balkaran Grewal", role: "Client", company: "Blush Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-beauty-portrait-young-brunette-woman-with-evening-stylish-makeup-perfect-clean-skin-sexy-model-with-hair-bun-posing-studio-near-blue-wall-with-pink-bright-natural-lips_158538-24192.jpg" },
|
||||
{ id: "3", name: "Vishal Kumar", role: "Client", company: "Blush Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-14376.jpg" },
|
||||
{ id: "4", name: "Aman Kaur", role: "Client", company: "Blush Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414082.jpg" },
|
||||
{ id: "5", name: "Neha Sharma", role: "Client", company: "Blush Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "180+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Facebook Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "180+", label: "Google Reviews" },
|
||||
{ value: "4.9", label: "Facebook Rating" },
|
||||
{ value: "100%", label: "Client Satisfaction" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are honored to have received over 180+ Google reviews from our satisfied clients."
|
||||
@@ -301,25 +145,11 @@ export default function LandingPage() {
|
||||
title="Visit Our Studio"
|
||||
description="Railway Rd, above Aadhar Retail Store, SBS Nagar, Doraha, Punjab. Reach out to book your session today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg?_wi=2"
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -327,33 +157,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:08360692249",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Call Us", href: "tel:08360692249" },
|
||||
{ label: "Directions", href: "https://maps.google.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -364,4 +177,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user