bender/9187f6c5-2dab-4ffb-a14c-216f03961079
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 23:03:19 +00:00
parent ee75528abd
commit 77fe0e6a8e
1 changed files with 42 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

326
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Sparkles } from "lucide-react";
import { Award, CheckCircle, Sparkles, Zap, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Our Team",
id: "team",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Our Team", id: "team" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Adexgrin"
/>
@@ -62,69 +47,19 @@ export default function LandingPage() {
title="Adexgrin: Your Premier Haircut Destination"
description="Experience professional grooming in a sophisticated, inviting setting. We prioritize your style and comfort above all else."
testimonials={[
{
name: "James L.",
handle: "@jamesl",
testimonial: "The best haircut I've had in years. Professional and precise.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1",
imageAlt: "barbershop interior professional lighting",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "Fantastic experience, calm atmosphere, and excellent service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg?_wi=1",
imageAlt: "barbershop interior professional lighting",
},
{
name: "Alex R.",
handle: "@alexr",
testimonial: "I trust Adexgrin with my style every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-by-hairdresser-barbershop_1153-9486.jpg?_wi=1",
imageAlt: "barbershop interior professional lighting",
},
{
name: "Sam K.",
handle: "@samk",
testimonial: "Adexgrin provides the gold standard for men's grooming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-shaving-his-beard_273609-21323.jpg?_wi=1",
imageAlt: "barbershop interior professional lighting",
},
{
name: "John D.",
handle: "@johnd",
testimonial: "Consistent, high-quality results every single visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-with-skateboard_23-2148630947.jpg?_wi=1",
imageAlt: "barbershop interior professional lighting",
},
{ name: "James L.", handle: "@jamesl", testimonial: "The best haircut I've had in years. Professional and precise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "barbershop interior professional lighting" },
{ name: "Mark D.", handle: "@markd", testimonial: "Fantastic experience, calm atmosphere, and excellent service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", imageAlt: "barbershop interior professional lighting" },
{ name: "Alex R.", handle: "@alexr", testimonial: "I trust Adexgrin with my style every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-by-hairdresser-barbershop_1153-9486.jpg", imageAlt: "barbershop interior professional lighting" },
{ name: "Sam K.", handle: "@samk", testimonial: "Adexgrin provides the gold standard for men's grooming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-shaving-his-beard_273609-21323.jpg", imageAlt: "barbershop interior professional lighting" },
{ name: "John D.", handle: "@johnd", testimonial: "Consistent, high-quality results every single visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-with-skateboard_23-2148630947.jpg", imageAlt: "barbershop interior professional lighting" }
]}
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
alt: "Hair salon chair with towel on armchair",
},
{
src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
alt: "Male barber giving his client a nice haircut",
},
{
src: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg",
alt: "Professional barber shop chairs close-up",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg",
alt: "Hairdresser shaving client near mirror",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
alt: "Side view man at hair salon",
},
{ src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Hair salon chair with towel on armchair" },
{ src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg", alt: "Male barber giving his client a nice haircut" },
{ src: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg", alt: "Professional barber shop chairs close-up" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg", alt: "Hairdresser shaving client near mirror" },
{ src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Side view man at hair salon" }
]}
avatarText="Join 5,000+ satisfied clients"
/>
@@ -135,21 +70,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="The Adexgrin Standard"
metrics={[
{
icon: Sparkles,
label: "Years Experience",
value: "10+",
},
{
icon: Award,
label: "Happy Clients",
value: "5,000+",
},
{
icon: CheckCircle,
label: "Perfect Ratings",
value: "4.9/5",
},
{ icon: Sparkles, label: "Years Experience", value: "10+" },
{ icon: Award, label: "Happy Clients", value: "5,000+" },
{ icon: CheckCircle, label: "Perfect Ratings", value: "4.9/5" }
]}
metricsAnimation="slide-up"
/>
@@ -160,30 +83,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Precision Haircut",
description: "Expert styling for a look that suits your personality perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg?_wi=2",
buttonIcon: "Zap",
},
{
title: "Beard Grooming",
description: "Sculpting and shaping your beard to perfection with premium care.",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-by-hairdresser-barbershop_1153-9486.jpg?_wi=2",
buttonIcon: "Star",
},
{
title: "Luxury Shaves",
description: "A relaxing, classic hot towel shave experience you deserve.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-shaving-his-beard_273609-21323.jpg?_wi=2",
buttonIcon: "Award",
},
{
title: "Product Consultation",
description: "Professional guidance on the best products for your hair type.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-with-skateboard_23-2148630947.jpg?_wi=2",
buttonIcon: "CheckCircle",
},
{ title: "Precision Haircut", description: "Expert styling for a look that suits your personality perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", buttonIcon: Zap },
{ title: "Beard Grooming", description: "Sculpting and shaping your beard to perfection with premium care.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-by-hairdresser-barbershop_1153-9486.jpg", buttonIcon: Star },
{ title: "Luxury Shaves", description: "A relaxing, classic hot towel shave experience you deserve.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-shaving-his-beard_273609-21323.jpg", buttonIcon: Award },
{ title: "Product Consultation", description: "Professional guidance on the best products for your hair type.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-with-skateboard_23-2148630947.jpg", buttonIcon: CheckCircle }
]}
title="Masterful Grooming Services"
description="From classic cuts to modern styles, discover a range of premium grooming services tailored for you."
@@ -196,24 +99,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "1",
name: "Marcus Thorne",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
},
{
id: "2",
name: "Elena Vance",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
},
{
id: "3",
name: "Leo Sterling",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-unpleased-young-afro-american-male-barber-wearing-uniform-holding-crossing-combs-isolated-green-background_141793-63522.jpg",
},
{ id: "1", name: "Marcus Thorne", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg" },
{ id: "2", name: "Elena Vance", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg" },
{ id: "3", name: "Leo Sterling", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-unpleased-young-afro-american-male-barber-wearing-uniform-holding-crossing-combs-isolated-green-background_141793-63522.jpg" }
]}
title="Meet Our Expert Stylists"
description="Our team of dedicated professionals brings years of expertise to every haircut."
@@ -226,41 +114,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "David W.",
handle: "@davidw",
testimonial: "The precision here is unmatched. Simply the best.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
},
{
id: "2",
name: "Sarah P.",
handle: "@sarahp",
testimonial: "Professional, clean, and always a great conversation.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg",
},
{
id: "3",
name: "Jason M.",
handle: "@jasonm",
testimonial: "I look forward to my appointments every month.",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
},
{
id: "4",
name: "Kevin L.",
handle: "@kevinl",
testimonial: "Exceptional talent in every corner of this shop.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
},
{
id: "5",
name: "Brian R.",
handle: "@brianr",
testimonial: "They listen to what I want and deliver better results.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
},
{ id: "1", name: "David W.", handle: "@davidw", testimonial: "The precision here is unmatched. Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg" },
{ id: "2", name: "Sarah P.", handle: "@sarahp", testimonial: "Professional, clean, and always a great conversation.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg" },
{ id: "3", name: "Jason M.", handle: "@jasonm", testimonial: "I look forward to my appointments every month.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg" },
{ id: "4", name: "Kevin L.", handle: "@kevinl", testimonial: "Exceptional talent in every corner of this shop.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
{ id: "5", name: "Brian R.", handle: "@brianr", testimonial: "They listen to what I want and deliver better results.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg" }
]}
title="Client Success Stories"
description="Don't just take our word for it—hear from the people who keep our barbershop thriving."
@@ -273,59 +131,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$35",
subtitle: "Perfect for maintenance",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Precision Haircut",
"Hair Wash",
"Neck Trim",
],
},
{
id: "pro",
badge: "Popular",
price: "$55",
subtitle: "For the modern gentleman",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Precision Haircut",
"Beard Styling",
"Hot Towel Finish",
"Hair Consultation",
],
},
{
id: "premium",
badge: "Ultimate",
price: "$85",
subtitle: "Total grooming experience",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Everything in Pro",
"Scalp Massage",
"Deep Condition",
"Facial Cleanse",
],
},
{ id: "basic", badge: "Essential", price: "$35", subtitle: "Perfect for maintenance", buttons: [{ text: "Book Now", href: "#" }], features: ["Precision Haircut", "Hair Wash", "Neck Trim"] },
{ id: "pro", badge: "Popular", price: "$55", subtitle: "For the modern gentleman", buttons: [{ text: "Book Now", href: "#" }], features: ["Precision Haircut", "Beard Styling", "Hot Towel Finish", "Hair Consultation"] },
{ id: "premium", badge: "Ultimate", price: "$85", subtitle: "Total grooming experience", buttons: [{ text: "Book Now", href: "#" }], features: ["Everything in Pro", "Scalp Massage", "Deep Condition", "Facial Cleanse"] }
]}
title="Simple Grooming Packages"
description="Choose the service package that fits your needs perfectly."
@@ -337,26 +145,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Do I need an appointment?",
content: "Yes, we recommend booking in advance to secure your preferred slot.",
},
{
id: "2",
title: "Can I request a specific barber?",
content: "Absolutely, feel free to mention your preferred stylist when booking.",
},
{
id: "3",
title: "What payment methods do you accept?",
content: "We accept all major cards, mobile payments, and cash.",
},
{
id: "4",
title: "Do you offer group bookings?",
content: "Yes, we handle special group requests—contact us for details.",
},
{ id: "1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to secure your preferred slot." },
{ id: "2", title: "Can I request a specific barber?", content: "Absolutely, feel free to mention your preferred stylist when booking." },
{ id: "3", title: "What payment methods do you accept?", content: "We accept all major cards, mobile payments, and cash." },
{ id: "4", title: "Do you offer group bookings?", content: "Yes, we handle special group requests—contact us for details." }
]}
title="Frequently Asked Questions"
description="Everything you need to know about booking and our services."
@@ -367,9 +159,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Visit Us"
title="Schedule Your Next Session"
description="Ready for your best look? Get in touch with us to book your appointment."
@@ -381,40 +171,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Services",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#",
},
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#" }, { label: "Contact", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
]}
bottomLeftText="© 2024 Adexgrin Haircut. All rights reserved."
bottomRightText="Designed with precision."