Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Facebook, Instagram, Sparkles, Star } from "lucide-react";
|
||||
import { Award, Facebook, Instagram, MessageCircle, Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,88 +33,55 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Scaleup Salon"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://wa.me/918610382952",
|
||||
}}
|
||||
text: "Book Now", href: "https://wa.me/918610382952"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unisex Salon Excellence in Chennai"
|
||||
description="Experience premium nail artistry, curly hair expertise, and transformative hair treatments in the heart of Alandur."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://wa.me/918610382952",
|
||||
},
|
||||
text: "Book Appointment", href: "https://wa.me/918610382952"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-nourishing-cream-flowers-marble_23-2147878912.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hair-products-tools_23-2148547376.jpg",
|
||||
alt: "Close-up hair products and tools",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hair-products-tools_23-2148547376.jpg", alt: "Close-up hair products and tools"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-beauty-products-grey-background_23-2148299587.jpg",
|
||||
alt: "Flat lay arrangement with beauty products on grey background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-beauty-products-grey-background_23-2148299587.jpg", alt: "Flat lay arrangement with beauty products on grey background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-miniature-candlesticks-candles-home-decor-comfort-concept_169016-9653.jpg",
|
||||
alt: "Close up of miniature candlesticks for candles. Home decor and comfort concept.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-miniature-candlesticks-candles-home-decor-comfort-concept_169016-9653.jpg", alt: "Close up of miniature candlesticks for candles. Home decor and comfort concept."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-while-sitting-bed-hotel-room_23-2149304033.jpg",
|
||||
alt: "Young woman drinking coffee while sitting on the bed in a hotel room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-while-sitting-bed-hotel-room_23-2149304033.jpg", alt: "Young woman drinking coffee while sitting on the bed in a hotel room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166792.jpg",
|
||||
alt: "Office desktop with a lipstick",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166792.jpg", alt: "Office desktop with a lipstick"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Curly Hair Care",
|
||||
},
|
||||
type: "text", text: "Curly Hair Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Nail Art",
|
||||
},
|
||||
type: "text", text: "Advanced Nail Art"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hair Botox Experts",
|
||||
},
|
||||
type: "text", text: "Hair Botox Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Styling",
|
||||
},
|
||||
type: "text", text: "Professional Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Salon Experience",
|
||||
},
|
||||
type: "text", text: "Luxury Salon Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Happy Clients", value: "5k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified Pros",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Certified Pros", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Nail Art",
|
||||
description: "Premium manicure and pedicure services with custom nail art designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art-with-flower_23-2149265989.jpg",
|
||||
buttonText: "View Services",
|
||||
},
|
||||
title: "Expert Nail Art", description: "Premium manicure and pedicure services with custom nail art designs.", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art-with-flower_23-2149265989.jpg", buttonText: "View Services"},
|
||||
{
|
||||
title: "Curly Hair Specialists",
|
||||
description: "Customized cuts and conditioning treatments for all curly hair textures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-ampules-with-shadow-hair-comb_633478-167.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-wearing-mask-face-care-wearing-hair-curlers-isolated_273609-36551.jpg",
|
||||
buttonText: "View Services",
|
||||
},
|
||||
title: "Curly Hair Specialists", description: "Customized cuts and conditioning treatments for all curly hair textures.", imageSrc: "http://img.b2bpic.net/free-photo/set-ampules-with-shadow-hair-comb_633478-167.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-wearing-mask-face-care-wearing-hair-curlers-isolated_273609-36551.jpg", buttonText: "View Services"},
|
||||
{
|
||||
title: "Hair Botox & Colour",
|
||||
description: "Revitalizing hair botox and professional coloring for a healthy, vibrant look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/laptop-makeup-professional-tools-light-blue-background_23-2148113445.jpg",
|
||||
buttonText: "View Services",
|
||||
},
|
||||
title: "Hair Botox & Colour", description: "Revitalizing hair botox and professional coloring for a healthy, vibrant look.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/laptop-makeup-professional-tools-light-blue-background_23-2148113445.jpg", buttonText: "View Services"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="From intricate nail designs to advanced hair botox and precision cutting."
|
||||
@@ -185,53 +131,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Nail Art Basic",
|
||||
price: "₹999",
|
||||
period: "per visit",
|
||||
features: [
|
||||
"Classic Manicure",
|
||||
"Gel Polish",
|
||||
"Nail Care",
|
||||
],
|
||||
id: "p1", title: "Nail Art Basic", price: "₹999", period: "per visit", features: [
|
||||
"Classic Manicure", "Gel Polish", "Nail Care"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-twisting-braid-hair-her-smiling-sister-against-white-backdrop_23-2147890552.jpg",
|
||||
imageAlt: "woman showing beautiful nails",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-twisting-braid-hair-her-smiling-sister-against-white-backdrop_23-2147890552.jpg", imageAlt: "woman showing beautiful nails"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Hair Botox",
|
||||
price: "₹3499",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Hair Botox",
|
||||
"Wash & Blow Dry",
|
||||
],
|
||||
id: "p2", title: "Hair Botox", price: "₹3499", period: "per session", features: [
|
||||
"Consultation", "Hair Botox", "Wash & Blow Dry"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-nourishing-cream-flowers-marble_23-2147878912.jpg?_wi=2",
|
||||
imageAlt: "woman showing beautiful nails",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-nourishing-cream-flowers-marble_23-2147878912.jpg?_wi=2", imageAlt: "woman showing beautiful nails"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Colour Expert",
|
||||
price: "₹2499",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Root Touchup",
|
||||
"Full Global",
|
||||
"Highlights",
|
||||
],
|
||||
id: "p3", title: "Colour Expert", price: "₹2499", period: "per service", features: [
|
||||
"Root Touchup", "Full Global", "Highlights"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=2",
|
||||
imageAlt: "woman showing beautiful nails",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=2", imageAlt: "woman showing beautiful nails"},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="High-quality salon services tailored to your needs at accessible prices."
|
||||
@@ -246,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Successful Hair Botox",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Successful Hair Botox"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1500+",
|
||||
description: "Custom Nail Designs",
|
||||
},
|
||||
id: "m3", value: "1500+", description: "Custom Nail Designs"},
|
||||
]}
|
||||
title="Salon Stats"
|
||||
description="Evidence of our commitment to excellence and client care."
|
||||
@@ -274,23 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Priya S.",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
},
|
||||
id: "t1", name: "Priya S.", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Arjun R.",
|
||||
role: "Nail Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319758.jpg",
|
||||
},
|
||||
id: "t2", name: "Arjun R.", role: "Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319758.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Meera K.",
|
||||
role: "Colour Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg",
|
||||
},
|
||||
id: "t3", name: "Meera K.", role: "Colour Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg"},
|
||||
]}
|
||||
title="Meet The Experts"
|
||||
description="Our talented team of stylists and artists are ready to help you look your best."
|
||||
@@ -305,25 +200,15 @@ export default function LandingPage() {
|
||||
author="Ananya V."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
|
||||
alt: "Ananya",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", alt: "Ananya"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", alt: "Happy client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Happy client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Happy client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg", alt: "Happy client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -334,17 +219,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Visit Today"
|
||||
description="Located at New no 18, 2nd Floor, Hoppman Street, Alandur, Chennai. Open until 8 PM daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/918610382952",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/918610382952"},
|
||||
]}
|
||||
tagIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -355,18 +238,14 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user