Merge version_1 into main #1
223
src/app/page.tsx
223
src/app/page.tsx
@@ -30,29 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Cuts"
|
||||
/>
|
||||
@@ -61,60 +49,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Cuts. Modern Style."
|
||||
description="Premium barber experience with modern fades, beard trims, and styling."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-styling-hair-customer-with-mousse_23-2147778801.jpg",
|
||||
alt: "Barber styling hair of customer with mousse",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-styling-hair-customer-with-mousse_23-2147778801.jpg", alt: "Barber styling hair of customer with mousse"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8495.jpg",
|
||||
alt: "Barber shaves a bearded man in vintage atmosphere",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8495.jpg", alt: "Barber shaves a bearded man in vintage atmosphere"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg",
|
||||
alt: "Developer worried by conscious artificial intelligence dooming humanity closeup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg", alt: "Developer worried by conscious artificial intelligence dooming humanity closeup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8501.jpg",
|
||||
alt: "Barber shaves a bearded man in vintage atmosphere",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8501.jpg", alt: "Barber shaves a bearded man in vintage atmosphere"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg",
|
||||
alt: "Barber styling hair of customer with mousse",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg", alt: "Barber styling hair of customer with mousse"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION FADES",
|
||||
},
|
||||
type: "text", text: "PRECISION FADES"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN GROOMING",
|
||||
},
|
||||
type: "text", text: "MODERN GROOMING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LUXURY EXPERIENCE",
|
||||
},
|
||||
type: "text", text: "LUXURY EXPERIENCE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXPERT STYLE",
|
||||
},
|
||||
type: "text", text: "EXPERT STYLE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SHARP LINES",
|
||||
},
|
||||
type: "text", text: "SHARP LINES"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,48 +98,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Skin Fade",
|
||||
price: "$45",
|
||||
features: [
|
||||
"Precision Taper",
|
||||
"Blade Work",
|
||||
"Hot Towel",
|
||||
],
|
||||
id: "s1", name: "Skin Fade", price: "$45", features: [
|
||||
"Precision Taper", "Blade Work", "Hot Towel"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Beard Trim",
|
||||
price: "$30",
|
||||
features: [
|
||||
"Shape & Line Up",
|
||||
"Beard Oil",
|
||||
"Razor Edge",
|
||||
],
|
||||
id: "s2", name: "Beard Trim", price: "$30", features: [
|
||||
"Shape & Line Up", "Beard Oil", "Razor Edge"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Full Service",
|
||||
price: "$75",
|
||||
features: [
|
||||
"Haircut & Beard",
|
||||
"Facial Treatment",
|
||||
"Style Consult",
|
||||
],
|
||||
id: "s3", name: "Full Service", price: "$75", features: [
|
||||
"Haircut & Beard", "Facial Treatment", "Style Consult"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -190,45 +134,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "The best fade I have ever had. Professional, clean, and exact.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-white_158538-11397.jpg",
|
||||
},
|
||||
id: "t1", name: "James L.", handle: "@jamesl", testimonial: "The best fade I have ever had. Professional, clean, and exact.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-white_158538-11397.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Apex Cuts is my new go-to. Luxury treatment every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-image-fashionable-young-hipster-guy-with-trendy-hairstyle-thick-ginger-beard_343059-3602.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Apex Cuts is my new go-to. Luxury treatment every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-image-fashionable-young-hipster-guy-with-trendy-hairstyle-thick-ginger-beard_343059-3602.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert S.",
|
||||
handle: "@roberts",
|
||||
testimonial: "Excellent service and great atmosphere. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-walks-around-city_1321-4646.jpg",
|
||||
},
|
||||
id: "t3", name: "Robert S.", handle: "@roberts", testimonial: "Excellent service and great atmosphere. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-walks-around-city_1321-4646.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin B.",
|
||||
handle: "@kevinb",
|
||||
testimonial: "Precision work. They really understand modern style.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-4140.jpg",
|
||||
},
|
||||
id: "t4", name: "Kevin B.", handle: "@kevinb", testimonial: "Precision work. They really understand modern style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-4140.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris P.",
|
||||
handle: "@chrisp",
|
||||
testimonial: "Professional beard trim, top quality oil and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg",
|
||||
},
|
||||
id: "t5", name: "Chris P.", handle: "@chrisp", testimonial: "Professional beard trim, top quality oil and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -240,50 +159,21 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sharp Fade",
|
||||
price: "",
|
||||
variant: "Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg",
|
||||
},
|
||||
id: "p1", name: "Sharp Fade", price: "", variant: "Cut", imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beard Groom",
|
||||
price: "",
|
||||
variant: "Trim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg",
|
||||
},
|
||||
id: "p2", name: "Beard Groom", price: "", variant: "Trim", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Style",
|
||||
price: "",
|
||||
variant: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
||||
},
|
||||
id: "p3", name: "Modern Style", price: "", variant: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Shop Interior",
|
||||
price: "",
|
||||
variant: "Vibe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-with-before-hair-wash-hairdressers-salon_613910-14545.jpg",
|
||||
},
|
||||
id: "p4", name: "Shop Interior", price: "", variant: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-with-before-hair-wash-hairdressers-salon_613910-14545.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Precision Fade",
|
||||
price: "",
|
||||
variant: "Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-clean-up-after-shaving-process_23-2148298348.jpg",
|
||||
},
|
||||
id: "p5", name: "Precision Fade", price: "", variant: "Cut", imageSrc: "http://img.b2bpic.net/free-photo/special-clean-up-after-shaving-process_23-2148298348.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Detailed Trim",
|
||||
price: "",
|
||||
variant: "Beard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-face-portrait-bearded-man_23-2148176661.jpg",
|
||||
},
|
||||
id: "p6", name: "Detailed Trim", price: "", variant: "Beard", imageSrc: "http://img.b2bpic.net/free-photo/half-face-portrait-bearded-man_23-2148176661.jpg"},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Visual mastery in every cut."
|
||||
@@ -294,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Book your experience at Apex Cuts today. Located at 123 Groom St, City Center. Call us at (555) 123-4567. Open Tue-Sun."
|
||||
/>
|
||||
</div>
|
||||
@@ -304,29 +193,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Apex Cuts",
|
||||
items: [
|
||||
title: "Apex Cuts", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
label: "(555) 123-4567", href: "tel:5551234567"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user