bender/c4a8633e-0f3d-49ef-a9e9-e69a28d207bf
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 17:19:01 +00:00
Conversation 0 Commits 1 Files Changed 1 +65 -317
1 changed files with 65 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

382
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="SMHairdressing"
/>
@@ -59,93 +44,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Luxurious Hairdressing in the Heart of Chester"
description="Experience bespoke hair styling and premium treatments in our serene, city-centre oasis."
testimonials={[
{
name: "Jane D.",
handle: "@janed",
testimonial: "The best salon experience in Chester. Truly luxurious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
},
{
name: "Robert S.",
handle: "@roberts",
testimonial: "Stunning results every time I visit. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg",
},
{
name: "Lucy M.",
handle: "@lucym",
testimonial: "Exceptional service and beautiful salon atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-with-tablet-office_23-2149333067.jpg",
},
{
name: "Alice T.",
handle: "@alicet",
testimonial: "A touch of class in the heart of the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg",
},
{
name: "David W.",
handle: "@davidw",
testimonial: "Professional styling and incredibly relaxing experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-suprice-face-big-pink-knitted-sweater-posing-decorated-studio-winter-forest_273443-4145.jpg",
},
{ name: "Jane D.", handle: "@janed", testimonial: "The best salon experience in Chester. Truly luxurious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg" },
{ name: "Robert S.", handle: "@roberts", testimonial: "Stunning results every time I visit. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg" },
{ name: "Lucy M.", handle: "@lucym", testimonial: "Exceptional service and beautiful salon atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-with-tablet-office_23-2149333067.jpg" },
{ name: "Alice T.", handle: "@alicet", testimonial: "A touch of class in the heart of the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg" },
{ name: "David W.", handle: "@davidw", testimonial: "Professional styling and incredibly relaxing experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-suprice-face-big-pink-knitted-sweater-posing-decorated-studio-winter-forest_273443-4145.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-beauty-salon-interior_23-2148910541.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500999.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-successful-agent-satisfied-customer-showing-thumb-up-while-sitting-table-using-tablet-together_74855-10029.jpg",
alt: "Client profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/modern-beauty-salon-interior_23-2148910541.jpg", alt: "Client profile 1" },
{ src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500999.jpg", alt: "Client profile 2" },
{ src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", alt: "Client profile 3" },
{ src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg", alt: "Client profile 4" },
{ src: "http://img.b2bpic.net/free-photo/happy-successful-agent-satisfied-customer-showing-thumb-up-while-sitting-table-using-tablet-together_74855-10029.jpg", alt: "Client profile 5" }
]}
marqueeItems={[
{
type: "text",
text: "Expert Colouring",
},
{
type: "text",
text: "Precision Cuts",
},
{
type: "text",
text: "Luxury Treatments",
},
{
type: "text",
text: "Bespoke Styling",
},
{
type: "text",
text: "Chester Salon",
},
{ type: "text", text: "Expert Colouring" },
{ type: "text", text: "Precision Cuts" },
{ type: "text", text: "Luxury Treatments" },
{ type: "text", text: "Bespoke Styling" },
{ type: "text", text: "Chester Salon" }
]}
/>
</div>
@@ -154,15 +77,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Welcome to SMHairdressing",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
alt: "Luxury Salon",
},
{ type: "text", content: "Welcome to SMHairdressing" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", alt: "Luxury Salon" }
]}
/>
</div>
@@ -171,79 +87,35 @@ export default function LandingPage() {
<FeatureCardTen
textboxLayout="inline-image"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Precision Cutting",
description: "Expert techniques for a perfect shape and style.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-styling-beard-man_23-2147778900.jpg",
},
title: "Precision Cutting", description: "Expert techniques for a perfect shape and style.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg", imageAlt: "professional hair styling services" },
items: [
{
icon: Sparkles,
text: "Consultation included",
},
{
icon: CheckCircle,
text: "Bespoke technique",
},
{
icon: Award,
text: "Highly qualified stylists",
},
{ icon: Sparkles, text: "Consultation included" },
{ icon: CheckCircle, text: "Bespoke technique" },
{ icon: Award, text: "Highly qualified stylists" }
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg?_wi=2",
imageAlt: "professional hair styling services",
reverse: false
},
{
title: "Bespoke Colour",
description: "Custom color palettes to enhance your natural beauty.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-face-mask-getting-her-hair-styled-hairdresser-virus-epidemic_637285-9041.jpg",
},
title: "Bespoke Colour", description: "Custom color palettes to enhance your natural beauty.", media: { imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", imageAlt: "professional hair styling services" },
items: [
{
icon: Sparkles,
text: "Custom mixing",
},
{
icon: CheckCircle,
text: "Organic products",
},
{
icon: Award,
text: "Expert colourists",
},
{ icon: Sparkles, text: "Custom mixing" },
{ icon: CheckCircle, text: "Organic products" },
{ icon: Award, text: "Expert colourists" }
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
imageAlt: "professional hair styling services",
reverse: true
},
{
title: "Premium Treatments",
description: "Rejuvenate your hair with our deep-nourishing treatments.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
},
title: "Premium Treatments", description: "Rejuvenate your hair with our deep-nourishing treatments.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg", imageAlt: "professional hair styling services" },
items: [
{
icon: Sparkles,
text: "Botanical infusions",
},
{
icon: CheckCircle,
text: "Scalp care therapy",
},
{
icon: Award,
text: "Luxury hydration",
},
{ icon: Sparkles, text: "Botanical infusions" },
{ icon: CheckCircle, text: "Scalp care therapy" },
{ icon: Award, text: "Luxury hydration" }
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg?_wi=1",
imageAlt: "professional hair styling services",
},
reverse: false
}
]}
title="Our Signature Services"
description="Tailored treatments for every hair type."
@@ -257,42 +129,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Nourish Shampoo",
price: "£25",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg?_wi=2",
},
{
id: "2",
name: "Hydration Serum",
price: "£45",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230922.jpg",
},
{
id: "3",
name: "Styling Spray",
price: "£22",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167380.jpg",
},
{
id: "4",
name: "Deep Repair Mask",
price: "£38",
imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565369.jpg",
},
{
id: "5",
name: "Volume Mousse",
price: "£24",
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965825.jpg",
},
{
id: "6",
name: "Gloss Treatment",
price: "£40",
imageSrc: "http://img.b2bpic.net/free-photo/hair-supplies-curlers-top-view_23-2148352861.jpg",
},
{ id: "1", name: "Nourish Shampoo", price: "£25", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg" },
{ id: "2", name: "Hydration Serum", price: "£45", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230922.jpg" },
{ id: "3", name: "Styling Spray", price: "£22", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167380.jpg" },
{ id: "4", name: "Deep Repair Mask", price: "£38", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565369.jpg" },
{ id: "5", name: "Volume Mousse", price: "£24", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965825.jpg" },
{ id: "6", name: "Gloss Treatment", price: "£40", imageSrc: "http://img.b2bpic.net/free-photo/hair-supplies-curlers-top-view_23-2148352861.jpg" }
]}
title="Curated Care Products"
description="Luxury home care to maintain your salon results."
@@ -305,51 +147,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "cut",
price: "£65+",
name: "Precision Cut & Finish",
buttons: [
{
text: "Book Now",
},
],
features: [
"Consultation",
"Hair wash",
"Styled finish",
],
},
{
id: "color",
price: "£120+",
name: "Full Colour Service",
buttons: [
{
text: "Book Now",
},
],
features: [
"Expert mix",
"Treatment",
"Finish",
],
},
{
id: "treat",
price: "£45+",
name: "Luxury Treatment",
buttons: [
{
text: "Book Now",
},
],
features: [
"Deep hydration",
"Scalp massage",
"Finish",
],
},
{ id: "cut", price: "£65+", name: "Precision Cut & Finish", buttons: [{ text: "Book Now" }], features: ["Consultation", "Hair wash", "Styled finish"] },
{ id: "color", price: "£120+", name: "Full Colour Service", buttons: [{ text: "Book Now" }], features: ["Expert mix", "Treatment", "Finish"] },
{ id: "treat", price: "£45+", name: "Luxury Treatment", buttons: [{ text: "Book Now" }], features: ["Deep hydration", "Scalp massage", "Finish"] }
]}
title="Salon Menu"
description="Transparent pricing for exceptional service."
@@ -363,21 +163,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
description: "Years of experience",
},
{
id: "m2",
value: "5k+",
description: "Happy clients",
},
{
id: "m3",
value: "100%",
description: "Premium ingredients",
},
{ id: "m1", value: "15+", description: "Years of experience" },
{ id: "m2", value: "5k+", description: "Happy clients" },
{ id: "m3", value: "100%", description: "Premium ingredients" }
]}
title="Our Salon Impact"
description="Setting standards in Chester hairdressing."
@@ -387,36 +175,16 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
cardAnimation="slide-up"
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-with-long-straight-hair-watching-camera_633478-1843.jpg",
},
{
id: "t2",
name: "Emma R.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-golden-hoop-earrings_23-2151989164.jpg",
},
{
id: "t3",
name: "Olivia W.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-portrait-woman-with-curly-hair_23-2151983871.jpg",
},
{
id: "t4",
name: "Chloe B.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-short-haired-blond-woman-s-portrait_633478-2499.jpg",
},
{
id: "t5",
name: "Grace P.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-adult-white-hair-blond_1139-778.jpg",
},
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-with-long-straight-hair-watching-camera_633478-1843.jpg" },
{ id: "t2", name: "Emma R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-golden-hoop-earrings_23-2151989164.jpg" },
{ id: "t3", name: "Olivia W.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-portrait-woman-with-curly-hair_23-2151983871.jpg" },
{ id: "t4", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-short-haired-blond-woman-s-portrait_633478-2499.jpg" },
{ id: "t5", name: "Grace P.", imageSrc: "http://img.b2bpic.net/free-photo/girl-adult-white-hair-blond_1139-778.jpg" }
]}
cardTitle="What our clients say"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
@@ -426,24 +194,10 @@ export default function LandingPage() {
title="Visit Us in Chester"
description="Book your appointment for a luxurious transformation."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your name", required: true },
{ name: "email", type: "email", placeholder: "Your email", required: true }
]}
textarea={{
name: "message",
placeholder: "Tell us about your hair needs",
required: true,
}}
textarea={{ name: "message", placeholder: "Tell us about your hair needs", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229746.jpg"
mediaPosition="right"
/>
@@ -452,17 +206,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="SMHairdressing"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}