Update src/app/page.tsx

This commit is contained in:
2026-05-30 19:46:37 +00:00
parent f27a171645
commit 2c85f7c0e8

View File

@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Surtibarber"
/>
@@ -73,45 +57,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Barbershop Supplies, Wholesale Prices, Local Quality"
description="Trusted by Montería's barbers for premium grooming products at wholesale and retail rates. Seasonal stock, fast service, same-day availability."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Visit Us Today",
href: "#contact",
},
text: "Visit Us Today", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woodshave-plastic-bag-metal-basket_23-2147826726.jpg?_wi=1",
imageAlt: "Collection of barbershop supplies",
},
imageSrc: "http://img.b2bpic.net/free-photo/woodshave-plastic-bag-metal-basket_23-2147826726.jpg", imageAlt: "Collection of barbershop supplies"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg?_wi=1",
imageAlt: "Barber cutting hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg", imageAlt: "Barber cutting hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg?_wi=1",
imageAlt: "Shelf with premium hair products",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg", imageAlt: "Shelf with premium hair products"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg",
imageAlt: "Barber preparing tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg", imageAlt: "Barber preparing tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
imageAlt: "Busy barbershop interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg", imageAlt: "Busy barbershop interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg",
imageAlt: "Various mens fragrances",
},
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg", imageAlt: "Various mens fragrances"},
]}
mediaAnimation="opacity"
/>
@@ -137,77 +104,56 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Seasonal Stock",
description: "Stay ahead of trends with our regularly updated inventory of the latest and freshest products.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
title: "Seasonal Stock", description: "Stay ahead of trends with our regularly updated inventory of the latest and freshest products.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg", imageAlt: "seasonal barber product display"
},
items: [
{
icon: TrendingUp,
text: "Latest Trends",
},
text: "Latest Trends"},
{
icon: Package,
text: "New Arrivals",
},
text: "New Arrivals"},
{
icon: Gift,
text: "Exclusive Items",
},
text: "Exclusive Items"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/woodshave-plastic-bag-metal-basket_23-2147826726.jpg?_wi=2",
imageAlt: "seasonal barber product display",
reverse: false
},
{
title: "Fast Service",
description: "Our streamlined process ensures quick order fulfillment, so you get your supplies without delay.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-document_23-2148902536.jpg",
title: "Fast Service", description: "Our streamlined process ensures quick order fulfillment, so you get your supplies without delay.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-document_23-2148902536.jpg", imageAlt: "fast shipping delivery truck"
},
items: [
{
icon: Zap,
text: "Quick Processing",
},
text: "Quick Processing"},
{
icon: Truck,
text: "Efficient Delivery",
},
text: "Efficient Delivery"},
{
icon: Clock,
text: "Time-Saving",
},
text: "Time-Saving"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg?_wi=2",
imageAlt: "seasonal barber product display",
reverse: true
},
{
title: "Same-Day Availability",
description: "Need it now? Many popular items are available for immediate pickup or delivery within Montería.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-coming-friends-shopping_23-2147688680.jpg",
title: "Same-Day Availability", description: "Need it now? Many popular items are available for immediate pickup or delivery within Montería.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-coming-friends-shopping_23-2147688680.jpg", imageAlt: "hand picking products from shelf"
},
items: [
{
icon: MapPin,
text: "Local Stock",
},
text: "Local Stock"},
{
icon: ShoppingCart,
text: "Instant Purchases",
},
text: "Instant Purchases"},
{
icon: CheckCircle,
text: "Guaranteed Access",
},
text: "Guaranteed Access"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg?_wi=2",
imageAlt: "seasonal barber product display",
},
reverse: false
}
]}
title="Why Barbers Choose Surtibarber"
description="We're dedicated to empowering local barbers with exceptional service and the best products on the market."
@@ -223,47 +169,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Professional Hair Clippers",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-caucasian-pleased-guy-30s-being-undressed-bathroom-while-shaving-face-with-trimmer-grey-wall_171337-2979.jpg",
imageAlt: "Professional Hair Clippers",
},
id: "p1", name: "Professional Hair Clippers", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/headshot-caucasian-pleased-guy-30s-being-undressed-bathroom-while-shaving-face-with-trimmer-grey-wall_171337-2979.jpg", imageAlt: "Professional Hair Clippers"},
{
id: "p2",
name: "Classic Straight Razor",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/blue-disposable-razor-blade-with-water-drops_463209-15.jpg",
imageAlt: "Classic Straight Razor",
},
id: "p2", name: "Classic Straight Razor", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/blue-disposable-razor-blade-with-water-drops_463209-15.jpg", imageAlt: "Classic Straight Razor"},
{
id: "p3",
name: "Luxury Shaving Cream",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435206.jpg",
imageAlt: "Luxury Shaving Cream",
},
id: "p3", name: "Luxury Shaving Cream", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435206.jpg", imageAlt: "Luxury Shaving Cream"},
{
id: "p4",
name: "Boar Bristle Shaving Brush",
price: "$30.00",
imageSrc: "http://img.b2bpic.net/free-photo/collar-rake_23-2147799915.jpg",
imageAlt: "Boar Bristle Shaving Brush",
},
id: "p4", name: "Boar Bristle Shaving Brush", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/collar-rake_23-2147799915.jpg", imageAlt: "Boar Bristle Shaving Brush"},
{
id: "p5",
name: "Classic Hold Pomade",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/man-work-with-hair-hairdresser-with-client_1157-43582.jpg",
imageAlt: "Classic Hold Pomade",
},
id: "p5", name: "Classic Hold Pomade", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/man-work-with-hair-hairdresser-with-client_1157-43582.jpg", imageAlt: "Classic Hold Pomade"},
{
id: "p6",
name: "Professional Barber Shampoo",
price: "$35.00",
imageSrc: "http://img.b2bpic.net/free-photo/photo-black-plastic-bottle-with-dispenser-including-hair-care-product_651396-969.jpg",
imageAlt: "Professional Barber Shampoo",
},
id: "p6", name: "Professional Barber Shampoo", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/photo-black-plastic-bottle-with-dispenser-including-hair-care-product_651396-969.jpg", imageAlt: "Professional Barber Shampoo"},
]}
title="Discover Our Premium Selection"
description="Explore a wide range of barbershop essentials, from professional clippers to luxurious grooming products, available for both wholesale and retail."
@@ -278,57 +194,29 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "retail",
name: "Retail Shopper",
price: "Standard Price",
buttons: [
id: "retail", name: "Retail Shopper", price: "Standard Price", buttons: [
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
],
features: [
"Access to all retail products",
"Competitive individual pricing",
"In-store pickup & local delivery",
"New product announcements",
],
"Access to all retail products", "Competitive individual pricing", "In-store pickup & local delivery", "New product announcements"],
},
{
id: "barber-pro",
name: "Barber Pro Account",
price: "Wholesale Pricing",
badge: "Popular",
badgeIcon: Sparkles,
id: "barber-pro", name: "Barber Pro Account", price: "Wholesale Pricing", badge: "Popular", badgeIcon: Sparkles,
buttons: [
{
text: "Apply Now",
href: "#contact",
},
text: "Apply Now", href: "#contact"},
],
features: [
"Exclusive wholesale rates",
"Bulk purchase discounts",
"Priority support & ordering",
"Dedicated account manager",
],
"Exclusive wholesale rates", "Bulk purchase discounts", "Priority support & ordering", "Dedicated account manager"],
},
{
id: "master-barber",
name: "Master Barber Partner",
price: "Premium Wholesale",
buttons: [
id: "master-barber", name: "Master Barber Partner", price: "Premium Wholesale", buttons: [
{
text: "Inquire",
href: "#contact",
},
text: "Inquire", href: "#contact"},
],
features: [
"Highest tier discounts",
"Early access to new products",
"Custom order fulfillment",
"Marketing collaboration opportunities",
],
"Highest tier discounts", "Early access to new products", "Custom order fulfillment", "Marketing collaboration opportunities"],
},
]}
title="Value for Every Barber"
@@ -344,59 +232,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Juan Pérez",
role: "Owner",
company: "Elite Cuts Barbershop",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg",
},
id: "t1", name: "Juan Pérez", role: "Owner", company: "Elite Cuts Barbershop", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg"},
{
id: "t2",
name: "María González",
role: "Head Barber",
company: "The Clipper Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
},
id: "t2", name: "María González", role: "Head Barber", company: "The Clipper Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg"},
{
id: "t3",
name: "Carlos Rodríguez",
role: "Loyal Customer",
company: "Individual",
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-5727.jpg",
},
id: "t3", name: "Carlos Rodríguez", role: "Loyal Customer", company: "Individual", 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-5727.jpg"},
{
id: "t4",
name: "Sofía Vargas",
role: "Procurement Manager",
company: "Urban Grooming Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-looking-clipboard-isolated-orange-wall_141793-87120.jpg",
},
id: "t4", name: "Sofía Vargas", role: "Procurement Manager", company: "Urban Grooming Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-looking-clipboard-isolated-orange-wall_141793-87120.jpg"},
{
id: "t5",
name: "Miguel Torres",
role: "Master Barber",
company: "Classic Edge Salon",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-blond-guy-sits-cafe-pets-his-dog-touches-golden-retriever_1258-314883.jpg",
},
id: "t5", name: "Miguel Torres", role: "Master Barber", company: "Classic Edge Salon", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-blond-guy-sits-cafe-pets-his-dog-touches-golden-retriever_1258-314883.jpg"},
]}
kpiItems={[
{
value: "10+",
label: "Years in Business",
},
value: "10+", label: "Years in Business"},
{
value: "200+",
label: "Satisfied Barbers",
},
value: "200+", label: "Satisfied Barbers"},
{
value: "500+",
label: "Products in Stock",
},
value: "500+", label: "Products in Stock"},
]}
title="Trusted by Montería's Finest"
description="Hear directly from the barbers and customers who rely on Surtibarber Monteria for their daily essentials and special finds."
@@ -409,14 +266,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Wahl",
"Andis",
"BaBylissPRO",
"Proraso",
"Reuzel",
"Uppercut Deluxe",
"Oster",
]}
"Wahl", "Andis", "BaBylissPRO", "Proraso", "Reuzel", "Uppercut Deluxe", "Oster"]}
title="Collaborating with Industry Leaders"
description="We proudly source and supply products from the most reputable brands in the grooming industry, ensuring quality and innovation for our customers."
tag="Partners"
@@ -429,35 +279,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What are your store hours?",
content: "Our store is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 2 PM. We are closed on Sundays.",
},
id: "faq1", title: "What are your store hours?", content: "Our store is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 2 PM. We are closed on Sundays."},
{
id: "faq2",
title: "Do you offer wholesale pricing for barbershops?",
content: "Yes, we offer exclusive wholesale pricing for registered barbershops. Please visit our 'Pricing' section to learn more and apply for an account.",
},
id: "faq2", title: "Do you offer wholesale pricing for barbershops?", content: "Yes, we offer exclusive wholesale pricing for registered barbershops. Please visit our 'Pricing' section to learn more and apply for an account."},
{
id: "faq3",
title: "Can I order online for pickup?",
content: "Absolutely! You can place your order online and choose in-store pickup during checkout. Your order will typically be ready within an hour.",
},
id: "faq3", title: "Can I order online for pickup?", content: "Absolutely! You can place your order online and choose in-store pickup during checkout. Your order will typically be ready within an hour."},
{
id: "faq4",
title: "What payment methods do you accept?",
content: "We accept cash, credit/debit cards (Visa, Mastercard, Amex), and bank transfers for wholesale orders.",
},
id: "faq4", title: "What payment methods do you accept?", content: "We accept cash, credit/debit cards (Visa, Mastercard, Amex), and bank transfers for wholesale orders."},
{
id: "faq5",
title: "Do you offer international shipping?",
content: "Currently, we only offer shipping within Montería and surrounding regions. We do not provide international shipping services.",
},
id: "faq5", title: "Do you offer international shipping?", content: "Currently, we only offer shipping within Montería and surrounding regions. We do not provide international shipping services."},
{
id: "faq6",
title: "How can I check product availability?",
content: "You can check product availability directly on each product's page on our website, or feel free to call us for real-time stock information.",
},
id: "faq6", title: "How can I check product availability?", content: "You can check product availability directly on each product's page on our website, or feel free to call us for real-time stock information."},
]}
title="Answers to Your Common Queries"
description="Find quick answers about our products, ordering process, wholesale accounts, and store visits."
@@ -470,8 +302,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Visit Our Store or Order Online"
description="Surtibarber Monteria is here to serve your barbershop supply needs. Find us at our convenient location or reach out for wholesale inquiries."
@@ -490,62 +321,37 @@ export default function LandingPage() {
logoText="Surtibarber Monteria"
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Clippers & Trimmers",
href: "#products",
},
label: "Clippers & Trimmers", href: "#products"},
{
label: "Shaving Essentials",
href: "#products",
},
label: "Shaving Essentials", href: "#products"},
{
label: "Hair Care",
href: "#products",
},
label: "Hair Care", href: "#products"},
{
label: "Styling Products",
href: "#products",
},
label: "Styling Products", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Wholesale Pricing",
href: "#pricing",
},
label: "Wholesale Pricing", href: "#pricing"},
{
label: "Customer Reviews",
href: "#testimonials",
},
label: "Customer Reviews", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Return Policy",
href: "#",
},
label: "Return Policy", href: "#"},
],
},
]}