bender/f148b31f-99a2-435a-b5a0-74bbbae0ca57
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-14 03:33:54 +00:00
Conversation 0 Commits 1 Files Changed 1 +52 -258
1 changed files with 52 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Scissors, Users } from "lucide-react";
import { Award, Scissors, Users, Zap, Shield, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Iron & Oak Barbers"
/>
@@ -55,61 +43,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Mastery in Every Cut"
description="Experience timeless grooming and precision styling at Iron & Oak. Where traditional service meets modern style."
buttons={[
{
text: "Book Your Chair",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Chair", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/combs-scissors-skull_23-2147736976.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg",
alt: "Classic barber chair setup",
},
{
src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
alt: "Barber shop interior view",
},
{
src: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg",
alt: "Wooden stool detail",
},
{
src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg",
alt: "Antique chair elegance",
},
{
src: "http://img.b2bpic.net/free-photo/barber-preparing-tools-work-beauty-salon_23-2148182009.jpg",
alt: "Professional tools prepared",
},
{ src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg", alt: "Classic barber chair setup" },
{ src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Barber shop interior view" },
{ src: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg", alt: "Wooden stool detail" },
{ src: "http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg", alt: "Antique chair elegance" },
{ src: "http://img.b2bpic.net/free-photo/barber-preparing-tools-work-beauty-salon_23-2148182009.jpg", alt: "Professional tools prepared" },
]}
marqueeItems={[
{
type: "text",
text: "Precision",
},
{
type: "text",
text: "Tradition",
},
{
type: "text",
text: "Craftsmanship",
},
{
type: "text",
text: "Style",
},
{
type: "text",
text: "Expertise",
},
{ type: "text", text: "Precision" },
{ type: "text", text: "Tradition" },
{ type: "text", text: "Craftsmanship" },
{ type: "text", text: "Style" },
{ type: "text", text: "Expertise" },
]}
/>
</div>
@@ -119,21 +70,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Craftsmanship"
metrics={[
{
icon: Scissors,
label: "Years Experience",
value: "15+",
},
{
icon: Users,
label: "Happy Clients",
value: "10k+",
},
{
icon: Award,
label: "Awards Won",
value: "24",
},
{ icon: Scissors, label: "Years Experience", value: "15+" },
{ icon: Users, label: "Happy Clients", value: "10k+" },
{ icon: Award, label: "Awards Won", value: "24" },
]}
metricsAnimation="slide-up"
/>
@@ -144,30 +83,10 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "Precision Cuts",
description: "Customized haircuts tailored to your facial structure and hair type.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-scissors-pointing-with-index-finger-camera-being-confused_141793-37606.jpg",
buttonIcon: "Scissors",
},
{
title: "Beard Sculpting",
description: "Expert trimming and grooming to maintain the perfect look and feel.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",
buttonIcon: "Zap",
},
{
title: "Traditional Shave",
description: "Classic hot towel treatment with premium razor blades for ultimate comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
buttonIcon: "Shield",
},
{
title: "Style Refresh",
description: "Quick maintenance trims to keep you looking sharp between visits.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-kitten-relaxing-bathroom_23-2150752882.jpg",
buttonIcon: "Star",
},
{ title: "Precision Cuts", description: "Customized haircuts tailored to your facial structure and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-scissors-pointing-with-index-finger-camera-being-confused_141793-37606.jpg", buttonIcon: Scissors },
{ title: "Beard Sculpting", description: "Expert trimming and grooming to maintain the perfect look and feel.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", buttonIcon: Zap },
{ title: "Traditional Shave", description: "Classic hot towel treatment with premium razor blades for ultimate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", buttonIcon: Shield },
{ title: "Style Refresh", description: "Quick maintenance trims to keep you looking sharp between visits.", imageSrc: "http://img.b2bpic.net/free-photo/cute-kitten-relaxing-bathroom_23-2150752882.jpg", buttonIcon: Star },
]}
title="Expert Grooming Services"
description="From precision cuts to traditional hot towel shaves, we offer a comprehensive suite of grooming services designed for the modern gentleman."
@@ -181,52 +100,16 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
name: "Classic Cut",
price: "$45",
features: [
"Consultation",
"Precision Haircut",
"Style Finish",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
id: "basic", name: "Classic Cut", price: "$45", features: ["Consultation", "Precision Haircut", "Style Finish"],
buttons: [{ text: "Book Now", href: "#contact" }],
},
{
id: "pro",
name: "Signature Grooming",
price: "$65",
features: [
"Classic Cut",
"Beard Sculpting",
"Hot Towel",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
id: "pro", name: "Signature Grooming", price: "$65", features: ["Classic Cut", "Beard Sculpting", "Hot Towel"],
buttons: [{ text: "Book Now", href: "#contact" }],
},
{
id: "elite",
name: "Iron & Oak Elite",
price: "$90",
features: [
"Signature Grooming",
"Face Treatment",
"Premium Products",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
id: "elite", name: "Iron & Oak Elite", price: "$90", features: ["Signature Grooming", "Face Treatment", "Premium Products"],
buttons: [{ text: "Book Now", href: "#contact" }],
},
]}
title="Transparent Pricing"
@@ -239,46 +122,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Great Experience",
quote: "The best fade I've ever had. Highly recommend this spot to anyone.",
name: "Alex R.",
role: "Finance",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg",
},
{
id: "2",
title: "Professionalism",
quote: "Iron & Oak never disappoints. Always professional and consistent results.",
name: "James B.",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
},
{
id: "3",
title: "Classic Vibe",
quote: "Love the atmosphere here. It feels like a real barbershop should.",
name: "Mark D.",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg",
},
{
id: "4",
title: "Perfect Cut",
quote: "I've been coming here for years and wouldn't go anywhere else.",
name: "Sean W.",
role: "Tech",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
},
{
id: "5",
title: "Top Notch",
quote: "Excellence in every detail. My beard looks better than ever.",
name: "Liam K.",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
},
{ id: "1", title: "Great Experience", quote: "The best fade I've ever had. Highly recommend this spot to anyone.", name: "Alex R.", role: "Finance", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg" },
{ id: "2", title: "Professionalism", quote: "Iron & Oak never disappoints. Always professional and consistent results.", name: "James B.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
{ id: "3", title: "Classic Vibe", quote: "Love the atmosphere here. It feels like a real barbershop should.", name: "Mark D.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg" },
{ id: "4", title: "Perfect Cut", quote: "I've been coming here for years and wouldn't go anywhere else.", name: "Sean W.", role: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
{ id: "5", title: "Top Notch", quote: "Excellence in every detail. My beard looks better than ever.", name: "Liam K.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg" },
]}
title="Client Reviews"
description="Trusted by our local community to provide the finest grooming services in the city."
@@ -292,24 +140,9 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
members={[
{
id: "1",
name: "Jack Thorne",
role: "Lead Barber",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-showing-v-sign-symbol-near-eye_141793-114985.jpg",
},
{
id: "2",
name: "Sam Miller",
role: "Master Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg",
},
{
id: "3",
name: "David Cole",
role: "Barber",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg",
},
{ id: "1", name: "Jack Thorne", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-showing-v-sign-symbol-near-eye_141793-114985.jpg" },
{ id: "2", name: "Sam Miller", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg" },
{ id: "3", name: "David Cole", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg" },
]}
title="Meet Your Barbers"
description="Expert hands dedicated to the art of grooming."
@@ -320,26 +153,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do I need an appointment?",
content: "Yes, we highly recommend booking in advance to ensure your preferred time slot.",
},
{
id: "2",
title: "What payment methods do you take?",
content: "We accept major credit cards, digital payments, and cash.",
},
{
id: "3",
title: "Do you offer beard grooming?",
content: "Yes, our grooming services include full beard sculpting and maintenance.",
},
{
id: "4",
title: "How long are the sessions?",
content: "Most haircuts take between 30 and 45 minutes depending on the service.",
},
{ id: "1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance to ensure your preferred time slot." },
{ id: "2", title: "What payment methods do you take?", content: "We accept major credit cards, digital payments, and cash." },
{ id: "3", title: "Do you offer beard grooming?", content: "Yes, our grooming services include full beard sculpting and maintenance." },
{ id: "4", title: "How long are the sessions?", content: "Most haircuts take between 30 and 45 minutes depending on the service." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -349,9 +166,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Book Your Appointment"
description="Contact us today to secure your chair at the best shop in town."
@@ -362,42 +177,21 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Contact",
items: [
{
label: "123 Grooming Lane, City",
href: "#",
},
{
label: "info@ironandoak.com",
href: "#",
},
title: "Contact", items: [
{ label: "123 Grooming Lane, City", href: "#" },
{ label: "info@ironandoak.com", href: "#" },
],
},
{
title: "Hours",
items: [
{
label: "Mon-Fri: 9am-7pm",
href: "#",
},
{
label: "Sat-Sun: 10am-4pm",
href: "#",
},
title: "Hours", items: [
{ label: "Mon-Fri: 9am-7pm", href: "#" },
{ label: "Sat-Sun: 10am-4pm", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}