Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
335
src/app/page.tsx
335
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sukhi's"
|
||||
/>
|
||||
@@ -54,66 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unwind and Radiate at Sukhi's Beauty Parlour"
|
||||
description="Experience premium beauty treatments in a serene environment designed for your ultimate relaxation and rejuvenation."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Anjali S.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg",
|
||||
alt: "Priya S.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
alt: "Rohan D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Anjali S." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg", alt: "Priya S." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg", alt: "Rohan D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg", alt: "Client 2" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "10+ Years Experience",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Experts",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Products",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hygiene Guaranteed",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Personalized Care",
|
||||
icon: Heart,
|
||||
},
|
||||
{ type: "text-icon", text: "10+ Years Experience", icon: Award },
|
||||
{ type: "text-icon", text: "Certified Experts", icon: Shield },
|
||||
{ type: "text-icon", text: "Premium Products", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Hygiene Guaranteed", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Personalized Care", icon: Heart },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,36 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years of Excellence",
|
||||
items: [
|
||||
"Established 2014",
|
||||
"Certified professionals",
|
||||
"Premium products",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Consistent satisfaction",
|
||||
"Glowing reviews",
|
||||
"Referral based",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Hygiene Guaranteed",
|
||||
items: [
|
||||
"Sterilized equipment",
|
||||
"Clean facility",
|
||||
"Safe practices",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Years of Excellence", items: ["Established 2014", "Certified professionals", "Premium products"] },
|
||||
{ id: "m2", value: "5000+", title: "Happy Clients", items: ["Consistent satisfaction", "Glowing reviews", "Referral based"] },
|
||||
{ id: "m3", value: "100%", title: "Hygiene Guaranteed", items: ["Sterilized equipment", "Clean facility", "Safe practices"] },
|
||||
]}
|
||||
title="Why Choose Sukhi's?"
|
||||
description="Excellence in every treatment we offer."
|
||||
@@ -163,55 +82,28 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Skin Care",
|
||||
description: "Revitalizing facials and treatments for youthful glow.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg",
|
||||
},
|
||||
title: "Advanced Skin Care", description: "Revitalizing facials and treatments for youthful glow.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg", imageAlt: "elegant beauty parlour serene interior"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hydrating treatments",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Professional analysis",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safe ingredients",
|
||||
},
|
||||
{ icon: Sparkles, text: "Hydrating treatments" },
|
||||
{ icon: CheckCircle, text: "Professional analysis" },
|
||||
{ icon: Shield, text: "Safe ingredients" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
imageAlt: "elegant beauty parlour serene interior",
|
||||
},
|
||||
{
|
||||
title: "Hair Transformations",
|
||||
description: "Styling, cuts, and coloring that define your look.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
title: "Hair Transformations", description: "Styling, cuts, and coloring that define your look.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "elegant beauty parlour serene interior"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Expert stylists",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Color perfection",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Healthy gloss finish",
|
||||
},
|
||||
{ icon: Star, text: "Expert stylists" },
|
||||
{ icon: CheckCircle, text: "Color perfection" },
|
||||
{ icon: Sparkles, text: "Healthy gloss finish" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg",
|
||||
imageAlt: "elegant beauty parlour serene interior",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -225,39 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "essential",
|
||||
badge: "Popular",
|
||||
price: "$45",
|
||||
subtitle: "Basic Grooming",
|
||||
features: [
|
||||
"Quick trim",
|
||||
"Brow wax",
|
||||
"Deep hydration",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
badge: "Recommended",
|
||||
price: "$85",
|
||||
subtitle: "Full Glow Experience",
|
||||
features: [
|
||||
"Full facial",
|
||||
"Massage",
|
||||
"Professional styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Luxury",
|
||||
price: "$120",
|
||||
subtitle: "Ultimate Pamper",
|
||||
features: [
|
||||
"Deluxe package",
|
||||
"Advanced skin treatment",
|
||||
"Hand care treatment",
|
||||
],
|
||||
},
|
||||
{ id: "essential", badge: "Popular", price: "$45", subtitle: "Basic Grooming", features: ["Quick trim", "Brow wax", "Deep hydration"] },
|
||||
{ id: "deluxe", badge: "Recommended", price: "$85", subtitle: "Full Glow Experience", features: ["Full facial", "Massage", "Professional styling"] },
|
||||
{ id: "premium", badge: "Luxury", price: "$120", subtitle: "Ultimate Pamper", features: ["Deluxe package", "Advanced skin treatment", "Hand care treatment"] },
|
||||
]}
|
||||
title="Treatment Packages"
|
||||
description="Transparent pricing for your comfort and clarity."
|
||||
@@ -271,24 +133,9 @@ export default function LandingPage() {
|
||||
tag="Skilled professionals ready to care for you."
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anjali Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurred-flowers-with-happy-woman-background_1098-2675.jpg",
|
||||
imageAlt: "Anjali",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
|
||||
imageAlt: "Priya",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rohan Das",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
|
||||
imageAlt: "Rohan",
|
||||
},
|
||||
{ id: "1", name: "Anjali Sharma", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurred-flowers-with-happy-woman-background_1098-2675.jpg", imageAlt: "Anjali" },
|
||||
{ id: "2", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg", imageAlt: "Priya" },
|
||||
{ id: "3", name: "Rohan Das", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg", imageAlt: "Rohan" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -300,60 +147,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena M.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-doing-make-up-each-other_23-2148708984.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica R.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Maya K.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ananya P.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205897.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg" },
|
||||
{ id: "2", name: "Elena M.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-doing-make-up-each-other_23-2148708984.jpg" },
|
||||
{ id: "3", name: "Jessica R.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg" },
|
||||
{ id: "4", name: "Maya K.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg" },
|
||||
{ id: "5", name: "Ananya P.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205897.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Served",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Joy",
|
||||
},
|
||||
{ value: "5000+", label: "Served" },
|
||||
{ value: "4.9", label: "Average Rating" },
|
||||
{ value: "100%", label: "Client Joy" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our clients choose Sukhi's time and time again."
|
||||
@@ -363,21 +166,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to visit?"
|
||||
title="Book Your Session Today"
|
||||
description="Our doors are open for your beauty journey. Schedule your visit with Sukhi's now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book via Phone",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
{
|
||||
text: "Message Us",
|
||||
href: "mailto:hello@sukhis.com",
|
||||
},
|
||||
{ text: "Book via Phone", href: "tel:+1234567890" },
|
||||
{ text: "Message Us", href: "mailto:hello@sukhis.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -388,37 +183,17 @@ export default function LandingPage() {
|
||||
logoText="Sukhi's Beauty Parlour"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Team", href: "#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Help", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user