Merge version_1 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -31,30 +31,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "How it Works", id: "how-it-works"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
name: "Community", id: "community"},
|
||||
]}
|
||||
button={{
|
||||
text: "Sign In",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Sign In", href: "/login"}}
|
||||
topBarButton={{
|
||||
text: "Join Now",
|
||||
href: "/signup",
|
||||
}}
|
||||
text: "Join Now", href: "/signup"}}
|
||||
brandName="Millwrkr"
|
||||
/>
|
||||
</div>
|
||||
@@ -65,13 +53,9 @@ export default function LandingPage() {
|
||||
description="The construction & millwork network. Millwrkr connects professional contractor teams with verified local suppliers and elite craftspeople for seamless project execution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Search Products",
|
||||
href: "#",
|
||||
},
|
||||
text: "Search Products", href: "#"},
|
||||
{
|
||||
text: "Find Pros",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find Pros", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background_1048-9652.jpg"
|
||||
imageAlt="architectural lines grid dark blue"
|
||||
@@ -86,59 +70,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Millwork",
|
||||
name: "Custom Cabinetry",
|
||||
price: "120+ Providers",
|
||||
rating: 5,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-making-instruments-his-workshop_23-2149018567.jpg",
|
||||
},
|
||||
id: "1", brand: "Millwork", name: "Custom Cabinetry", price: "120+ Providers", rating: 5,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/man-making-instruments-his-workshop_23-2149018567.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Construction",
|
||||
name: "Structural Framing",
|
||||
price: "85+ Providers",
|
||||
rating: 5,
|
||||
reviewCount: "320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-carpentry_23-2148748792.jpg",
|
||||
},
|
||||
id: "2", brand: "Construction", name: "Structural Framing", price: "85+ Providers", rating: 5,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/man-working-carpentry_23-2148748792.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Finishing",
|
||||
name: "Architectural Millwork",
|
||||
price: "210+ Providers",
|
||||
rating: 5,
|
||||
reviewCount: "480",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334491.jpg",
|
||||
},
|
||||
id: "3", brand: "Finishing", name: "Architectural Millwork", price: "210+ Providers", rating: 5,
|
||||
reviewCount: "480", imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334491.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Material",
|
||||
name: "Specialty Lumber",
|
||||
price: "45+ Suppliers",
|
||||
rating: 5,
|
||||
reviewCount: "950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-wood-surface_23-2151327148.jpg",
|
||||
},
|
||||
id: "4", brand: "Material", name: "Specialty Lumber", price: "45+ Suppliers", rating: 5,
|
||||
reviewCount: "950", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-wood-surface_23-2151327148.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Design",
|
||||
name: "Interior Detailing",
|
||||
price: "60+ Designers",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059684.jpg",
|
||||
},
|
||||
id: "5", brand: "Design", name: "Interior Detailing", price: "60+ Designers", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059684.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Installation",
|
||||
name: "Commercial Fit-outs",
|
||||
price: "30+ Teams",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396662.jpg",
|
||||
},
|
||||
id: "6", brand: "Installation", name: "Commercial Fit-outs", price: "30+ Teams", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396662.jpg"},
|
||||
]}
|
||||
title="Browse by Service"
|
||||
description="Explore professional categories matched to your local needs."
|
||||
@@ -153,23 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "01. Post Requirements",
|
||||
description: "Detail your build needs and project specs to notify relevant network members.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",
|
||||
imageAlt: "tablet interface project planning",
|
||||
},
|
||||
title: "01. Post Requirements", description: "Detail your build needs and project specs to notify relevant network members.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg", imageAlt: "tablet interface project planning"},
|
||||
{
|
||||
title: "02. Match & Connect",
|
||||
description: "Review bids from local vetted professionals and suppliers instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mens-shaking-handshake_1134-106.jpg",
|
||||
imageAlt: "handshake professional construction team",
|
||||
},
|
||||
title: "02. Match & Connect", description: "Review bids from local vetted professionals and suppliers instantly.", imageSrc: "http://img.b2bpic.net/free-photo/mens-shaking-handshake_1134-106.jpg", imageAlt: "handshake professional construction team"},
|
||||
{
|
||||
title: "03. Execute & Grow",
|
||||
description: "Manage project milestones and material logistics in one dashboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cad-engineer-using-tablet-app-office-upgrade-turbine-boosting-power-output_482257-132905.jpg",
|
||||
imageAlt: "project dashboard gantt chart",
|
||||
},
|
||||
title: "03. Execute & Grow", description: "Manage project milestones and material logistics in one dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cad-engineer-using-tablet-app-office-upgrade-turbine-boosting-power-output_482257-132905.jpg", imageAlt: "project dashboard gantt chart"},
|
||||
]}
|
||||
title="How Millwrkr Works"
|
||||
description="One platform to find pros, source materials, and run projects effectively."
|
||||
@@ -179,48 +115,24 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Lead Contractor",
|
||||
testimonial: "The best network for millwork pros in the region.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", handle: "Lead Contractor", testimonial: "The best network for millwork pros in the region.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Wu",
|
||||
handle: "Project Manager",
|
||||
testimonial: "Millwrkr saves us hours on sourcing materials.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/productive-discussion-talented-detectives_1098-15976.jpg",
|
||||
},
|
||||
id: "2", name: "David Wu", handle: "Project Manager", testimonial: "Millwrkr saves us hours on sourcing materials.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/productive-discussion-talented-detectives_1098-15976.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Interior Designer",
|
||||
testimonial: "A game changer for finding reliable sub-contractors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", handle: "Interior Designer", testimonial: "A game changer for finding reliable sub-contractors.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-attractive-man-with-oval-face-wears-round-glasses-dressed-formally_273609-8694.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Sterling",
|
||||
handle: "Supplier",
|
||||
testimonial: "Increased my shop's local visibility immediately.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-work-with-laptop_23-2148921389.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Sterling", handle: "Supplier", testimonial: "Increased my shop's local visibility immediately.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-work-with-laptop_23-2148921389.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Taylor",
|
||||
handle: "Cabinet Shop Owner",
|
||||
testimonial: "Incredible connection to elite carpenters.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg",
|
||||
},
|
||||
id: "5", name: "James Taylor", handle: "Cabinet Shop Owner", testimonial: "Incredible connection to elite carpenters.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Pros"
|
||||
@@ -235,17 +147,11 @@ export default function LandingPage() {
|
||||
description="We are creating a robust infrastructure that empowers the construction ecosystem. Our mission is to scale quality projects by bridging the gap between talent and demand."
|
||||
metrics={[
|
||||
{
|
||||
value: "15K+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "15K+", title: "Projects Completed"},
|
||||
{
|
||||
value: "4K+",
|
||||
title: "Verified Pros",
|
||||
},
|
||||
value: "4K+", title: "Verified Pros"},
|
||||
{
|
||||
value: "1.2K+",
|
||||
title: "Local Suppliers",
|
||||
},
|
||||
value: "1.2K+", title: "Local Suppliers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg"
|
||||
imageAlt="wide job site construction view"
|
||||
@@ -260,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I become verified?",
|
||||
content: "Our vetting process involves portfolio reviews and license verification.",
|
||||
},
|
||||
id: "q1", title: "How do I become verified?", content: "Our vetting process involves portfolio reviews and license verification."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free to join?",
|
||||
content: "Basic listing is free; premium tiers offer advanced analytics and project priority.",
|
||||
},
|
||||
id: "q2", title: "Is it free to join?", content: "Basic listing is free; premium tiers offer advanced analytics and project priority."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where does Millwrkr operate?",
|
||||
content: "Currently operating in over 50 major urban zones nationwide.",
|
||||
},
|
||||
id: "q3", title: "Where does Millwrkr operate?", content: "Currently operating in over 50 major urban zones nationwide."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-engineer-working-factory-making-order-phone_1303-28454.jpg"
|
||||
title="Common Questions"
|
||||
@@ -285,10 +182,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
tag="Join Now"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Grow your business with Millwrkr"
|
||||
description="Sign up today and get your first project listing free. It's time to build smarter."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-asia-businessmen-businesswomen-meeting-brainstorming-ideas-about-new-paperwork-project-colleagues-working-together-planning-success-strategy-enjoy-teamwork-small-modern-office_7861-2535.jpg"
|
||||
@@ -304,54 +201,33 @@ export default function LandingPage() {
|
||||
logoText="Millwrkr"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Pros",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pros", href: "#"},
|
||||
{
|
||||
label: "Suppliers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Suppliers", href: "#"},
|
||||
{
|
||||
label: "Materials",
|
||||
href: "#",
|
||||
},
|
||||
label: "Materials", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user