Merge version_2 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Tint & Tone"
|
||||
/>
|
||||
@@ -55,69 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Get Salon-Perfect Hair, Skin & Makeup — Right Here in Lake City"
|
||||
description="Trusted by 4.7★ clients — Book your appointment in seconds"
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Call Now to Book",
|
||||
href: "tel:+923000000000",
|
||||
},
|
||||
text: "📞 Call Now to Book", href: "tel:+923000000000"},
|
||||
{
|
||||
text: "💬 Book on WhatsApp Instantly",
|
||||
href: "https://wa.me/923000000000",
|
||||
},
|
||||
text: "💬 Book on WhatsApp Instantly", href: "https://wa.me/923000000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Hair Care",
|
||||
icon: Scissors,
|
||||
type: "text-icon", text: "Premium Hair Care", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Radiant Skin Facials",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Radiant Skin Facials", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Makeup",
|
||||
icon: Palette,
|
||||
type: "text-icon", text: "Professional Makeup", icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Bridal Studio",
|
||||
icon: Crown,
|
||||
type: "text-icon", text: "Luxury Bridal Studio", icon: Crown,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hygienic Environment",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Hygienic Environment", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -126,30 +93,22 @@ export default function LandingPage() {
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
titleSegments={[
|
||||
{ type: "text", content: "Why Customers Love " },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pX0qBqzF3ShBEuec4oaSTVv1/uploaded-1775563853899-fhir96xm.png", alt: "4.7 Rating" }
|
||||
]}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.7★",
|
||||
description: "Rating on Google",
|
||||
},
|
||||
id: "m1", value: "4.7★", description: "Rating on Google"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Clean",
|
||||
description: "Hygienic Environment",
|
||||
},
|
||||
id: "m3", value: "Clean", description: "Hygienic Environment"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Expert",
|
||||
description: "Skilled Beauty Experts",
|
||||
},
|
||||
id: "m4", value: "Expert", description: "Skilled Beauty Experts"},
|
||||
]}
|
||||
title="Why Customers Love Tint & Tone"
|
||||
description="Excellence in every detail."
|
||||
@@ -163,24 +122,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircut & Styling",
|
||||
description: "Customized cuts and professional styling.",
|
||||
icon: Scissors,
|
||||
title: "Haircut & Styling", description: "Customized cuts and professional styling.", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Facials & Skincare",
|
||||
description: "Rejuvenating facials for glowing skin.",
|
||||
icon: Sparkles,
|
||||
title: "Facials & Skincare", description: "Rejuvenating facials for glowing skin.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Makeup Services",
|
||||
description: "Professional makeup for every occasion.",
|
||||
icon: Palette,
|
||||
title: "Makeup Services", description: "Professional makeup for every occasion.", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Bridal Packages",
|
||||
description: "The perfect look for your special day.",
|
||||
icon: Crown,
|
||||
title: "Bridal Packages", description: "The perfect look for your special day.", icon: Crown,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -196,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hair Transformation",
|
||||
price: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg",
|
||||
},
|
||||
id: "1", name: "Hair Transformation", price: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-listening-music-using-headphones-backwards-thinking-about-doubt-with-hand-head_839833-12589.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Facial Treatment",
|
||||
price: "Skin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg",
|
||||
},
|
||||
id: "2", name: "Facial Treatment", price: "Skin", imageSrc: "http://img.b2bpic.net/free-photo/women-celebrating-all-skin-tones_23-2149179654.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Event Makeup",
|
||||
price: "Makeup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
|
||||
},
|
||||
id: "3", name: "Event Makeup", price: "Makeup", imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Salon Interior",
|
||||
price: "Spa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Salon Interior", price: "Spa", imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hair Stylist Work",
|
||||
price: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg",
|
||||
},
|
||||
id: "5", name: "Hair Stylist Work", price: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-dryer-beard-man_23-2147737033.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Makeup Artist Work",
|
||||
price: "Makeup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-glamorous-make-up_23-2148328774.jpg",
|
||||
},
|
||||
id: "6", name: "Makeup Artist Work", price: "Makeup", imageSrc: "http://img.b2bpic.net/free-photo/model-with-glamorous-make-up_23-2148328774.jpg"},
|
||||
]}
|
||||
title="Real Results from Our Clients"
|
||||
description="See the transformations."
|
||||
@@ -244,20 +171,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "offer-1",
|
||||
price: "10% OFF",
|
||||
name: "First Visit Discount",
|
||||
buttons: [
|
||||
id: "offer-1", price: "10% OFF", name: "First Visit Discount", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://wa.me/923000000000",
|
||||
},
|
||||
text: "Book Now", href: "https://wa.me/923000000000"},
|
||||
],
|
||||
features: [
|
||||
"Applicable on all services",
|
||||
"Valid for first-time customers",
|
||||
"Professional care guaranteed",
|
||||
],
|
||||
"Applicable on all services", "Valid for first-time customers", "Professional care guaranteed"],
|
||||
},
|
||||
]}
|
||||
title="Limited Time Offer"
|
||||
@@ -273,21 +192,13 @@ export default function LandingPage() {
|
||||
description="We prioritize quality and comfort."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Experienced Staff",
|
||||
description: "Professional beauty experts.",
|
||||
},
|
||||
title: "Experienced Staff", description: "Professional beauty experts."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "High-end brand quality.",
|
||||
},
|
||||
title: "Premium Products", description: "High-end brand quality."},
|
||||
{
|
||||
title: "Relaxing Environment",
|
||||
description: "Comfortable spa atmosphere.",
|
||||
},
|
||||
title: "Relaxing Environment", description: "Comfortable spa atmosphere."},
|
||||
{
|
||||
title: "Client Focused",
|
||||
description: "Your satisfaction is our priority.",
|
||||
},
|
||||
title: "Client Focused", description: "Your satisfaction is our priority."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -302,17 +213,11 @@ export default function LandingPage() {
|
||||
description="Easy to find • Comfortable environment • Premium service"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Lake City Main",
|
||||
description: "Conveniently located for you.",
|
||||
},
|
||||
title: "Lake City Main", description: "Conveniently located for you."},
|
||||
{
|
||||
title: "Ample Parking",
|
||||
description: "Easy access to our salon.",
|
||||
},
|
||||
title: "Ample Parking", description: "Easy access to our salon."},
|
||||
{
|
||||
title: "Luxury Space",
|
||||
description: "A refined beauty experience.",
|
||||
},
|
||||
title: "Luxury Space", description: "A refined beauty experience."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -323,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Look Your Best?"
|
||||
description="Book your appointment today and experience premium beauty care."
|
||||
@@ -338,29 +242,19 @@ export default function LandingPage() {
|
||||
logoText="Tint & Tone"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+92 300 0000000",
|
||||
href: "tel:+923000000000",
|
||||
},
|
||||
label: "+92 300 0000000", href: "tel:+923000000000"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923000000000",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/923000000000"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -370,4 +264,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user