Merge version_1 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -20,102 +20,59 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="TradeConnect"
|
||||
button={{
|
||||
text: "Post a Job",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Post a Job", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Local Professionals, Verified Results."
|
||||
description="Connecting the best plumbers, electricians, and tradespeople in your area with homeowners who need them now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Pro",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Find a Pro", href: "#services"},
|
||||
{
|
||||
text: "Post a Job",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Post a Job", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "Woman smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
alt: "Closeup shot of a handsome male smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
alt: "Front view smiley man posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg",
|
||||
alt: "Front view smiley woman posing indoors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg",
|
||||
alt: "young woman doing okay",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Woman smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Closeup shot of a handsome male smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg", alt: "Front view smiley man posing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg", alt: "Front view smiley woman posing indoors" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg", alt: "young woman doing okay" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Plumbing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Electrical",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Carpentry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HVAC",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Renovation",
|
||||
},
|
||||
{ type: "text", text: "Plumbing" },
|
||||
{ type: "text", text: "Electrical" },
|
||||
{ type: "text", text: "Carpentry" },
|
||||
{ type: "text", text: "HVAC" },
|
||||
{ type: "text", text: "Renovation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,14 +82,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Simple, Secure, Local Repairs.",
|
||||
},
|
||||
type: "text", content: "Simple, Secure, Local Repairs."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",
|
||||
alt: "App Dashboard",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg", alt: "App Dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,20 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Pros",
|
||||
description: "Every tradesperson on our platform undergoes a rigorous background check.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shield-globe-internet-protection_1048-12070.jpg",
|
||||
},
|
||||
title: "Verified Pros", description: "Every tradesperson on our platform undergoes a rigorous background check.", imageSrc: "http://img.b2bpic.net/free-photo/shield-globe-internet-protection_1048-12070.jpg"},
|
||||
{
|
||||
title: "Upfront Quotes",
|
||||
description: "Know exactly what to expect. No hidden costs or surprise fees ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-works-remotely-from-cozy-apartment-evening-reviewing-company-stock-market_482257-134074.jpg",
|
||||
},
|
||||
title: "Upfront Quotes", description: "Know exactly what to expect. No hidden costs or surprise fees ever.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-works-remotely-from-cozy-apartment-evening-reviewing-company-stock-market_482257-134074.jpg"},
|
||||
{
|
||||
title: "Guaranteed Results",
|
||||
description: "Your satisfaction is our promise. We handle the connection from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-negotiating-project_23-2148242904.jpg",
|
||||
},
|
||||
title: "Guaranteed Results", description: "Your satisfaction is our promise. We handle the connection from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-negotiating-project_23-2148242904.jpg"},
|
||||
]}
|
||||
title="Why choose TradeConnect?"
|
||||
description="We prioritize your safety and peace of mind by only matching you with vetted, licensed experts."
|
||||
@@ -170,60 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Plumbing",
|
||||
name: "Emergency Repairs",
|
||||
price: "$99+",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Electrical",
|
||||
name: "Full Rewiring",
|
||||
price: "$299+",
|
||||
rating: 5,
|
||||
reviewCount: "800+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/screwdrivers-with-bolt-kit-wooden-background_23-2147865411.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Renovation",
|
||||
name: "Painting Services",
|
||||
price: "$150+",
|
||||
rating: 4,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15318.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Carpentry",
|
||||
name: "Custom Furniture",
|
||||
price: "$199+",
|
||||
rating: 5,
|
||||
reviewCount: "400+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-hand-tool-with-nails-small-tag-slate-grunge-backdrop_23-2147866977.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "HVAC",
|
||||
name: "AC Maintenance",
|
||||
price: "$129+",
|
||||
rating: 4,
|
||||
reviewCount: "900+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-headphones-protective-glasses_23-2148773436.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Handyman",
|
||||
name: "General Repairs",
|
||||
price: "$79+",
|
||||
rating: 5,
|
||||
reviewCount: "2k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Plumbing", name: "Emergency Repairs", price: "$99+", rating: 5, reviewCount: "1.2k+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg" },
|
||||
{ id: "p2", brand: "Electrical", name: "Full Rewiring", price: "$299+", rating: 5, reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-photo/screwdrivers-with-bolt-kit-wooden-background_23-2147865411.jpg" },
|
||||
{ id: "p3", brand: "Renovation", name: "Painting Services", price: "$150+", rating: 4, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15318.jpg" },
|
||||
{ id: "p4", brand: "Carpentry", name: "Custom Furniture", price: "$199+", rating: 5, reviewCount: "400+", imageSrc: "http://img.b2bpic.net/free-photo/set-hand-tool-with-nails-small-tag-slate-grunge-backdrop_23-2147866977.jpg" },
|
||||
{ id: "p5", brand: "HVAC", name: "AC Maintenance", price: "$129+", rating: 4, reviewCount: "900+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-headphones-protective-glasses_23-2148773436.jpg" },
|
||||
{ id: "p6", brand: "Handyman", name: "General Repairs", price: "$79+", rating: 5, reviewCount: "2k+", imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg" },
|
||||
]}
|
||||
title="Service Categories"
|
||||
description="From emergency leaks to full rewiring, find the right expert for every job."
|
||||
@@ -237,27 +132,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Active Jobs",
|
||||
description: "Currently in progress",
|
||||
icon: Briefcase,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Verified Pros",
|
||||
description: "Vetted and active",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Average user rating",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Active Jobs", description: "Currently in progress", icon: Briefcase },
|
||||
{ id: "m2", value: "5k+", title: "Verified Pros", description: "Vetted and active", icon: Users },
|
||||
{ id: "m3", value: "98%", title: "Satisfaction", description: "Average user rating", icon: Star },
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Our community is growing rapidly every single day."
|
||||
@@ -271,46 +148,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Thompson",
|
||||
role: "Property Manager",
|
||||
company: "Real Estate Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
role: "Designer",
|
||||
company: "Modern Interiors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Roberts",
|
||||
role: "Retired",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica White",
|
||||
role: "Accountant",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happines-cheerful-perforated-paper-smiley-face_53876-16448.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "t2", name: "David Thompson", role: "Property Manager", company: "Real Estate Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg" },
|
||||
{ id: "t3", name: "Emily Chen", role: "Designer", company: "Modern Interiors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ id: "t4", name: "Michael Roberts", role: "Retired", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg" },
|
||||
{ id: "t5", name: "Jessica White", role: "Accountant", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happines-cheerful-perforated-paper-smiley-face_53876-16448.jpg" },
|
||||
]}
|
||||
title="Hear From Our Community"
|
||||
description="Real people finding real solutions for their home needs."
|
||||
@@ -322,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How are pros verified?",
|
||||
content: "We run comprehensive criminal and identity checks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my payment safe?",
|
||||
content: "We use encrypted escrow services for all payments.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What if I'm not satisfied?",
|
||||
content: "We offer a money-back guarantee for all completed jobs.",
|
||||
},
|
||||
{ id: "f1", title: "How are pros verified?", content: "We run comprehensive criminal and identity checks." },
|
||||
{ id: "f2", title: "Is my payment safe?", content: "We use encrypted escrow services for all payments." },
|
||||
{ id: "f3", title: "What if I'm not satisfied?", content: "We offer a money-back guarantee for all completed jobs." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -350,8 +180,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Join Us"
|
||||
title="Start Posting Jobs Today"
|
||||
description="Get connected with trusted local pros in minutes."
|
||||
@@ -363,29 +192,15 @@ export default function LandingPage() {
|
||||
logoText="TradeConnect"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user