Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-14 13:37:17 +00:00

View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Sparkles } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,27 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Gallery",
id: "#gallery",
},
{
name: "Testimonials",
id: "#testimonials",
},
{ name: "Services", id: "#services" },
{ name: "Pricing", id: "#pricing" },
{ name: "Gallery", id: "#gallery" },
{ name: "Testimonials", id: "#testimonials" },
]}
button={{
text: "Book Now",
href: "https://wa.me/233XXXXXXXXXX",
}}
button={{ text: "Book Now", href: "https://wa.me/233XXXXXXXXXX" }}
brandName="Spencer Hair & Beauty"
/>
</div>
@@ -59,100 +45,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Unmatched Elegance & Beauty"
description="Experience luxury braiding, expert hair treatments, and exquisite makeup in the heart of Accra."
testimonials={[
{
name: "Ama Serwaa",
handle: "@ama",
testimonial: "Best braiding experience in Accra! Professional and friendly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
{
name: "Naa Okailey",
handle: "@naa",
testimonial: "My wig install looks so natural. Definitely coming back.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-cute-slavic-model-woman-with-dazzling-smile-defiantly-poses-portrait-against-white-wall_197531-8630.jpg",
},
{
name: "Efia Kojo",
handle: "@efia",
testimonial: "Exceptional service, so happy with my nails and lashes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
},
{
name: "Adjoa Mensah",
handle: "@adjoa",
testimonial: "The attention to detail here is unmatched. Simply perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
},
{
name: "Kofi Boateng",
handle: "@kofi",
testimonial: "My sister loves her new look! Highly recommend Spencer Beauty.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-colorful-t-shirt_23-2148066869.jpg",
},
{ name: "Ama Serwaa", handle: "@ama", testimonial: "Best braiding experience in Accra! Professional and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
{ name: "Naa Okailey", handle: "@naa", testimonial: "My wig install looks so natural. Definitely coming back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wonderful-cute-slavic-model-woman-with-dazzling-smile-defiantly-poses-portrait-against-white-wall_197531-8630.jpg" },
{ name: "Efia Kojo", handle: "@efia", testimonial: "Exceptional service, so happy with my nails and lashes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg" },
{ name: "Adjoa Mensah", handle: "@adjoa", testimonial: "The attention to detail here is unmatched. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg" },
{ name: "Kofi Boateng", handle: "@kofi", testimonial: "My sister loves her new look! Highly recommend Spencer Beauty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-colorful-t-shirt_23-2148066869.jpg" },
]}
buttons={[
{
text: "Book Your Appointment",
href: "https://wa.me/233XXXXXXXXXX",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg?_wi=1"
buttons={[{ text: "Book Your Appointment", href: "https://wa.me/233XXXXXXXXXX" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg"
imageAlt="Luxurious salon interior"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-with-red-lips-high-heels_23-2148891746.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/charming-young-girl-high-spirits-woman-with-bright-lips-coquettishly-plays-with-hair-wall-sparkles_197531-8252.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-with-red-lips-high-heels_23-2148891746.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/charming-young-girl-high-spirits-woman-with-bright-lips-coquettishly-plays-with-hair-wall-sparkles_197531-8252.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 500+ happy clients"
marqueeItems={[
{
type: "text",
text: "LUXURY BRAIDING",
},
{
type: "text",
text: "EXPERT HAIR TREATMENT",
},
{
type: "text",
text: "EXQUISITE MAKEUP",
},
{
type: "text",
text: "PREMIUM WIGS",
},
{
type: "text",
text: "NAIL ARTISTRY",
},
{ type: "text", text: "LUXURY BRAIDING" },
{ type: "text", text: "EXPERT HAIR TREATMENT" },
{ type: "text", text: "EXQUISITE MAKEUP" },
{ type: "text", text: "PREMIUM WIGS" },
{ type: "text", text: "NAIL ARTISTRY" },
]}
/>
</div>
@@ -164,20 +83,11 @@ export default function LandingPage() {
title="Defined by Sophistication"
description="At Spencer Beauty, we blend modern techniques with refined style to ensure you leave looking and feeling your absolute best."
bulletPoints={[
{
title: "Artisan Braiding",
description: "Precision styles that last.",
},
{
title: "Premium Wigs",
description: "Customized fittings for every look.",
},
{
title: "Beauty Care",
description: "Manicures, pedicures, and makeup.",
},
{ title: "Artisan Braiding", description: "Precision styles that last." },
{ title: "Premium Wigs", description: "Customized fittings for every look." },
{ title: "Beauty Care", description: "Manicures, pedicures, and makeup." },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg"
imageAlt="Salon service showcase"
mediaAnimation="blur-reveal"
/>
@@ -188,34 +98,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Hair Treatment",
description: "Deep conditioning and restoration.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-drag-queen-with-makeup_23-2149434534.jpg",
imageAlt: "High angle drag queen with makeup",
},
{
title: "Braids & Extensions",
description: "Modern and protective styles.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg?_wi=2",
imageAlt: "High angle drag queen with makeup",
},
{
title: "Nails & Pedicure",
description: "Expert grooming and polished nails.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg?_wi=2",
imageAlt: "High angle drag queen with makeup",
},
{
title: "Makeup & Lashes",
description: "Glamour for your special days.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg?_wi=1",
imageAlt: "High angle drag queen with makeup",
},
{ title: "Hair Treatment", description: "Deep conditioning and restoration.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-drag-queen-with-makeup_23-2149434534.jpg", imageAlt: "High angle drag queen with makeup" },
{ title: "Braids & Extensions", description: "Modern and protective styles.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg", imageAlt: "High angle drag queen with makeup" },
{ title: "Nails & Pedicure", description: "Expert grooming and polished nails.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg", imageAlt: "High angle drag queen with makeup" },
{ title: "Makeup & Lashes", description: "Glamour for your special days.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg", imageAlt: "High angle drag queen with makeup" },
]}
title="Our Signature Services"
description="Comprehensive beauty care tailored to your unique style."
@@ -229,42 +115,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Braided Beauty",
price: "Look",
imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg?_wi=2",
},
{
id: "g2",
name: "Glam Makeup",
price: "Look",
imageSrc: "http://img.b2bpic.net/free-photo/girl-portrait-touching-her-face-with-fingers_158595-104.jpg",
},
{
id: "g3",
name: "Luxe Lashes",
price: "Look",
imageSrc: "http://img.b2bpic.net/free-photo/tender-fresh-lady-with-good-beautiful-skin-she-cares-about-her-look-face-big-sexy-lips-smooth-skin-eyebrows-blonde-long-hairstyle-natural-makeup-fingers-chin-look-down_343629-82.jpg",
},
{
id: "g4",
name: "Nail Art",
price: "Look",
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg",
},
{
id: "g5",
name: "Wig Install",
price: "Look",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-bangs-brown-daytime-make-up-sweater-beige-background-pulls-her-hands-her-head-her-chin_343596-7914.jpg",
},
{
id: "g6",
name: "Hair Therapy",
price: "Look",
imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-washing-hair-blonde_23-2147769801.jpg",
},
{ id: "g1", name: "Braided Beauty", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg" },
{ id: "g2", name: "Glam Makeup", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/girl-portrait-touching-her-face-with-fingers_158595-104.jpg" },
{ id: "g3", name: "Luxe Lashes", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/tender-fresh-lady-with-good-beautiful-skin-she-cares-about-her-look-face-big-sexy-lips-smooth-skin-eyebrows-blonde-long-hairstyle-natural-makeup-fingers-chin-look-down_343629-82.jpg" },
{ id: "g4", name: "Nail Art", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg" },
{ id: "g5", name: "Wig Install", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-bangs-brown-daytime-make-up-sweater-beige-background-pulls-her-hands-her-head-her-chin_343596-7914.jpg" },
{ id: "g6", name: "Hair Therapy", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-washing-hair-blonde_23-2147769801.jpg" },
]}
title="Before & After Looks"
description="See the transformation and browse our recent styles."
@@ -273,42 +129,13 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Hair",
price: "GH₵ 300+",
subtitle: "Starts at",
features: [
"Classic Braids",
"Hair Wash",
"Treatment",
],
},
{
id: "p2",
badge: "Nails",
price: "GH₵ 150+",
subtitle: "Starts at",
features: [
"Gel Manicure",
"Pedicure",
"Nail Art",
],
},
{
id: "p3",
badge: "Makeup",
price: "GH₵ 250+",
subtitle: "Starts at",
features: [
"Full Face Glam",
"Lashes",
"Contour",
],
},
{ id: "p1", badge: "Hair", price: "GH₵ 300+", subtitle: "Starts at", features: ["Classic Braids", "Hair Wash", "Treatment"] },
{ id: "p2", badge: "Nails", price: "GH₵ 150+", subtitle: "Starts at", features: ["Gel Manicure", "Pedicure", "Nail Art"] },
{ id: "p3", badge: "Makeup", price: "GH₵ 250+", subtitle: "Starts at", features: ["Full Face Glam", "Lashes", "Contour"] },
]}
title="Investment in Yourself"
description="Professional beauty services at clear, transparent pricing."
@@ -320,46 +147,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Wonderful",
quote: "The best experience!",
name: "Sarah",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
},
{
id: "t2",
title: "Professional",
quote: "My nails are flawless.",
name: "Jane",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
},
{
id: "t3",
title: "Excellent",
quote: "Friendly and expert team.",
name: "Esi",
role: "Doctor",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-stethoscope_23-2149308231.jpg",
},
{
id: "t4",
title: "Stunning",
quote: "Will be back very soon.",
name: "Afia",
role: "Artist",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-brush-paints-black_114579-63525.jpg",
},
{
id: "t5",
title: "Lovely",
quote: "So relaxing and tidy.",
name: "Adjoa",
role: "Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1009.jpg",
},
{ id: "t1", title: "Wonderful", quote: "The best experience!", name: "Sarah", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg" },
{ id: "t2", title: "Professional", quote: "My nails are flawless.", name: "Jane", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
{ id: "t3", title: "Excellent", quote: "Friendly and expert team.", name: "Esi", role: "Doctor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-stethoscope_23-2149308231.jpg" },
{ id: "t4", title: "Stunning", quote: "Will be back very soon.", name: "Afia", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-brush-paints-black_114579-63525.jpg" },
{ id: "t5", title: "Lovely", quote: "So relaxing and tidy.", name: "Adjoa", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1009.jpg" },
]}
title="Loved by Clients"
description="Join our community of satisfied beauties in Accra."
@@ -370,21 +162,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do I need to book?",
content: "Yes, please book via WhatsApp to secure your spot.",
},
{
id: "f2",
title: "Where are you located?",
content: "We are located conveniently in East Legon, Accra.",
},
{
id: "f3",
title: "Do you provide hair?",
content: "Yes, we sell high-quality extensions and hair products.",
},
{ id: "f1", title: "Do I need to book?", content: "Yes, please book via WhatsApp to secure your spot." },
{ id: "f2", title: "Where are you located?", content: "We are located conveniently in East Legon, Accra." },
{ id: "f3", title: "Do you provide hair?", content: "Yes, we sell high-quality extensions and hair products." },
]}
sideTitle="Your Questions"
sideDescription="Find answers to our most common questions."
@@ -398,16 +178,8 @@ export default function LandingPage() {
title="Ready for a Refresh?"
description="Send us a message and we'll help you book your next session."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "phone",
type: "text",
placeholder: "Your WhatsApp Number",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "phone", type: "text", placeholder: "Your WhatsApp Number" },
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg"
buttonText="Open WhatsApp"
@@ -421,29 +193,15 @@ export default function LandingPage() {
logoText="Spencer Beauty"
columns={[
{
title: "Menu",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Pricing",
href: "#pricing",
},
title: "Menu", items: [
{ label: "Services", href: "#services" },
{ label: "Pricing", href: "#pricing" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "WhatsApp",
href: "https://wa.me/233XXXXXXXXXX",
},
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "WhatsApp", href: "https://wa.me/233XXXXXXXXXX" },
],
},
]}