Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0674f6d4c9 | |||
| 627de99579 | |||
| 2af6765cc0 | |||
| 52af1b746b | |||
| a2e2912830 | |||
| 4630a52e08 | |||
| 932e6062a7 | |||
| 5dd6195aee | |||
| bb2c0fc8aa | |||
| 4bb4aa3289 | |||
| 35643f98e4 | |||
| d5983a1766 | |||
| 53bfb82fc0 | |||
| 85bb20502a |
349
src/app/page.tsx
349
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, CheckCircle, Clock, Shield, TrendingUp, Wrench } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Award, Shield, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,333 +30,140 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ProTowel Solutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The All-in-One Golf Multitool Towel"
|
||||
description="Revolutionize your pro-shop inventory with the ultimate golf utility. Designed for performance, built for branding, and optimized for retail success."
|
||||
kpis={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Units Distributed",
|
||||
},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Golf Stores",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retailer Satisfaction",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-golf-ball-with-metallic-clubs_23-2150426491.jpg"
|
||||
imageAlt="Premium Multitool Golf Towel"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424584.jpg",
|
||||
alt: "Pro shop owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424606.jpg",
|
||||
alt: "Distributor partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-golf-sport-equipment_23-2150424601.jpg",
|
||||
alt: "Tournament lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/golf-balls-arrangement-still-life_52683-114934.jpg",
|
||||
alt: "Wholesale buyer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-wearing-apron-smilling-looking-camera-happy-businesswoman-small-business-owner-girl-entrepreneur-cafe-employee-posing-restaurant-coffee-shop_657921-523.jpg",
|
||||
alt: "Golf course manager",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ industry pros"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grade Fabric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multitool Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Distribution",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Branding Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Logistics",
|
||||
},
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APEWetsrjFQONDwvAVKxKGuJKJ/uploaded-1778021147321-byhmjrp6.png", imageAlt: "Product Store Display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-golf-ball-with-metallic-clubs_23-2150426491.jpg?_wi=1", imageAlt: "Golf equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424584.jpg", imageAlt: "Golf gear" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="Our Vision"
|
||||
title="Designed for the Modern Golfer"
|
||||
description={[
|
||||
"Our innovative golf towel isn't just about cleaning clubs—it's a high-performance multitool that adds real utility to the game.",
|
||||
"We partner exclusively with distributors and retail stores to provide top-tier promotional items that players actually use and appreciate.",
|
||||
]}
|
||||
description="Our innovative golf towel isn't just about cleaning clubs—it's a high-performance multitool that adds real utility to the game."
|
||||
subdescription="We partner exclusively with distributors and retail stores to provide top-tier promotional items."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-playing-golf-golf-course_1157-23206.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Utility"
|
||||
description="Everything you need in one compact package."
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Integrated Tool",
|
||||
description: "Includes a built-in club groove cleaner and divot repair tool.",
|
||||
title: "Integrated Tool", description: "Includes a built-in club groove cleaner and divot repair tool.", media: { imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424606.jpg" },
|
||||
items: [{ icon: Wrench, text: "Built-in Tooling" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Durable Design",
|
||||
description: "Constructed from industrial-strength, quick-dry microfiber fabric.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Brand Ready",
|
||||
description: "Fully customizable surface areas for high-visibility logo printing.",
|
||||
},
|
||||
title: "Durable Design", description: "Constructed from industrial-strength, quick-dry microfiber fabric.", media: { imageSrc: "http://img.b2bpic.net/free-photo/golf-balls-arrangement-still-life_52683-114934.jpg" },
|
||||
items: [{ icon: Shield, text: "High Durability" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Unmatched Utility"
|
||||
description="The perfect blend of high-absorbency microfiber and essential golf tools."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardThree
|
||||
<ProductCardTwo
|
||||
title="Bulk Solutions Catalog"
|
||||
description="Explore our premium wholesale selection designed for retail success."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro-Series Basic",
|
||||
price: "Min 100 units",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-playing-golf-golf-course_1157-23206.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Executive Edition",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-golf-basket_23-2148295286.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tournament Pack",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-balls-golf-sport_23-2150424566.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Retailer Master Set",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424605.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Distributor Bundle",
|
||||
price: "Bulk Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-golf-tees-with-balls_23-2150426508.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Event Special",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors_23-2150551603.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "ProTowel", name: "Pro-Series Basic", price: "$15", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APEWetsrjFQONDwvAVKxKGuJKJ/uploaded-1778021217384-qoy4yoyh.jpg?_wi=1" },
|
||||
{ id: "p2", brand: "ProTowel", name: "Executive Edition", price: "$25", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APEWetsrjFQONDwvAVKxKGuJKJ/uploaded-1778021217384-qoy4yoyh.jpg?_wi=2" },
|
||||
{ id: "p3", brand: "ProTowel", name: "Tournament Pack", price: "$20", rating: 5, reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APEWetsrjFQONDwvAVKxKGuJKJ/uploaded-1778021217384-qoy4yoyh.jpg?_wi=3" },
|
||||
]}
|
||||
title="Bulk Solutions Catalog"
|
||||
description="Professional-grade inventory ready for your next order."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<MetricCardTwo
|
||||
title="Retail Performance"
|
||||
description="Measured impact for wholesale partners."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "14 Days",
|
||||
title: "Lead Time",
|
||||
description: "Rapid fulfillment cycles.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
title: "Margin Increase",
|
||||
description: "High profit potential for stores.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Quality Rate",
|
||||
description: "Industry leading durability.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "14 Days", description: "Rapid fulfillment cycles." },
|
||||
{ id: "m2", value: "40%", description: "High profit potential for stores." },
|
||||
{ id: "m3", value: "99.9%", description: "Industry leading durability." },
|
||||
]}
|
||||
title="Why Stores Choose Us"
|
||||
description="Evidence of retail performance and long-term wholesale partnerships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The most requested item in our shop. The built-in multitool is a game changer for our members."
|
||||
rating={5}
|
||||
author="Sarah Johnson, GreenValley GC"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "Sarah" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Pro-Shop Manager",
|
||||
company: "GreenValley GC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Distributor",
|
||||
company: "PromoGears Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Operations Manager",
|
||||
company: "Eagle Hills",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-sunglasses-lying-grass-outdoors-with-tablet-computer-looking-away_171337-12745.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Event Director",
|
||||
company: "CharityGolf Org",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-plays-golf-picture-isolated-dark-blur-background_132075-9605.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
role: "Wholesale Buyer",
|
||||
company: "SportsSupply",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-young-man-holding-protective-helmet-choosing-parts-his-bmx-bicycle-shop_613910-20338.jpg",
|
||||
},
|
||||
]}
|
||||
title="Industry Trusted"
|
||||
description="What our retail partners and distribution experts say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
sideTitle="Partner Inquiries"
|
||||
sideDescription="Commonly asked questions from retailers and distributors."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How can I request bulk pricing?",
|
||||
content: "Reach out through our contact form with your business details.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you handle custom branding?",
|
||||
content: "Yes, we offer full-color logo printing for bulk orders.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your minimum order quantities?",
|
||||
content: "Minimum orders start at 100 units for standard branding.",
|
||||
},
|
||||
{ id: "f1", title: "Bulk Pricing?", content: "Reach out through our contact form." },
|
||||
{ id: "f2", title: "Custom Branding?", content: "Yes, full-color logo printing available." },
|
||||
]}
|
||||
title="Partner Inquiries"
|
||||
description="Commonly asked questions from retailers and distributors."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Partnership Opportunities"
|
||||
<ContactCTA
|
||||
tag="Let's Talk"
|
||||
title="Start Your Order"
|
||||
description="Get in touch today to receive our wholesale catalog and dealer pricing guide."
|
||||
description="Request our wholesale catalog to begin your partnership."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-golf-ball-with-metallic-clubs_23-2150426491.jpg?_wi=2"
|
||||
logoText="ProTowel Solutions"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
columns={[{ title: "Support", items: [{ label: "Catalog", href: "#" }, { label: "Terms", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user