Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
362
src/app/page.tsx
362
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BuildMarket"
|
||||
/>
|
||||
@@ -60,98 +45,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Empowering the Future of Construction"
|
||||
description="Streamlining procurement, supply chain logistics, and material management for large-scale construction projects globally."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Increased our procurement efficiency by 40% in just one quarter.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=1",
|
||||
imageAlt: "construction site machinery heavy equipment",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Reliable supply chain solutions that never let us down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-elements_98292-2741.jpg?_wi=1",
|
||||
imageAlt: "construction site machinery heavy equipment",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@markwilson",
|
||||
testimonial: "Essential platform for managing modern industrial projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg?_wi=1",
|
||||
imageAlt: "construction site machinery heavy equipment",
|
||||
},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "A game changer for complex site logistics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg?_wi=1",
|
||||
imageAlt: "construction site machinery heavy equipment",
|
||||
},
|
||||
{
|
||||
name: "Tom Baker",
|
||||
handle: "@tombaker",
|
||||
testimonial: "Outstanding support and intuitive interface.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg?_wi=1",
|
||||
imageAlt: "construction site machinery heavy equipment",
|
||||
},
|
||||
{ name: "John Doe", handle: "@johndoe", testimonial: "Increased our procurement efficiency by 40% in just one quarter.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg", imageAlt: "construction site machinery heavy equipment" },
|
||||
{ name: "Jane Smith", handle: "@janesmith", testimonial: "Reliable supply chain solutions that never let us down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-elements_98292-2741.jpg", imageAlt: "construction site machinery heavy equipment" },
|
||||
{ name: "Mark Wilson", handle: "@markwilson", testimonial: "Essential platform for managing modern industrial projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg", imageAlt: "construction site machinery heavy equipment" },
|
||||
{ name: "Sarah Lee", handle: "@sarahlee", testimonial: "A game changer for complex site logistics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg", imageAlt: "construction site machinery heavy equipment" },
|
||||
{ name: "Tom Baker", handle: "@tombaker", testimonial: "Outstanding support and intuitive interface.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg", imageAlt: "construction site machinery heavy equipment" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg"
|
||||
imageAlt="Large scale construction site"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-leader_1098-14310.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579593.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-office_23-2147669295.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-leader_1098-14310.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579593.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-office_23-2147669295.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Portrait 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 9001 Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Supply Chain",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Ready",
|
||||
},
|
||||
{ type: "text", text: "ISO 9001 Certified" },
|
||||
{ type: "text", text: "Global Supply Chain" },
|
||||
{ type: "text", text: "Real-time Tracking" },
|
||||
{ type: "text", text: "24/7 Logistics" },
|
||||
{ type: "text", text: "Enterprise Ready" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,21 +79,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Industry-Leading Metrics"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Projects Completed",
|
||||
value: "250+",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Supplies Delivered",
|
||||
value: "15k+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Partners",
|
||||
value: "120+",
|
||||
},
|
||||
{ icon: Building2, label: "Projects Completed", value: "250+" },
|
||||
{ icon: Truck, label: "Supplies Delivered", value: "15k+" },
|
||||
{ icon: Users, label: "Active Partners", value: "120+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -187,30 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Database,
|
||||
title: "Resource Management",
|
||||
description: "Centralized database for all heavy machinery and tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-elements_98292-2741.jpg?_wi=2",
|
||||
imageAlt: "construction logistics icon design",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
title: "Safety Protocols",
|
||||
description: "Integrated compliance monitoring and safety tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=3",
|
||||
imageAlt: "construction logistics icon design",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LineChart,
|
||||
title: "Real-time Analytics",
|
||||
description: "Dynamic data visualization for project lifecycle KPIs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg?_wi=2",
|
||||
imageAlt: "construction logistics icon design",
|
||||
},
|
||||
{ bentoComponent: "reveal-icon", icon: Database, title: "Resource Management", description: "Centralized database for all heavy machinery and tools." },
|
||||
{ bentoComponent: "reveal-icon", icon: ShieldCheck, title: "Safety Protocols", description: "Integrated compliance monitoring and safety tracking." },
|
||||
{ bentoComponent: "reveal-icon", icon: LineChart, title: "Real-time Analytics", description: "Dynamic data visualization for project lifecycle KPIs." },
|
||||
]}
|
||||
title="Built for Modern Construction"
|
||||
description="Our core features help construction leaders manage complex sites and logistics effortlessly."
|
||||
@@ -224,42 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Industrial Cement",
|
||||
price: "$150/ton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Structural Rebar",
|
||||
price: "$800/ton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11879.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Power Drill Kit",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-tools_1048-2926.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Safety Hardhats",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-blonde-engineer-builder-girl-uniform-dental-braces-talking-phone-isolated-white-space-with-copy-space_141793-91817.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Masonry Bricks",
|
||||
price: "$0.50/ea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinder-blocks-lie-ground-dried_661209-369.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Forklift Truck",
|
||||
price: "$12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128287.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Industrial Cement", price: "$150/ton", imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg" },
|
||||
{ id: "p2", name: "Structural Rebar", price: "$800/ton", imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11879.jpg" },
|
||||
{ id: "p3", name: "Power Drill Kit", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/hand-tools_1048-2926.jpg" },
|
||||
{ id: "p4", name: "Safety Hardhats", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-blonde-engineer-builder-girl-uniform-dental-braces-talking-phone-isolated-white-space-with-copy-space_141793-91817.jpg" },
|
||||
{ id: "p5", name: "Masonry Bricks", price: "$0.50/ea", imageSrc: "http://img.b2bpic.net/free-photo/cinder-blocks-lie-ground-dried_661209-369.jpg" },
|
||||
{ id: "p6", name: "Forklift Truck", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128287.jpg" },
|
||||
]}
|
||||
title="High-Performance Materials"
|
||||
description="Source high-grade materials and equipment directly from our trusted inventory."
|
||||
@@ -272,38 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$2,000",
|
||||
subtitle: "For small projects",
|
||||
features: [
|
||||
"Inventory tracker",
|
||||
"Basic support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$5,000",
|
||||
subtitle: "For mid-size development",
|
||||
features: [
|
||||
"Advanced analytics",
|
||||
"24/7 support",
|
||||
"API Access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "Large scale industrial",
|
||||
features: [
|
||||
"Global supply chain",
|
||||
"Dedicated manager",
|
||||
"Security suites",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$2,000", subtitle: "For small projects", features: ["Inventory tracker", "Basic support"] },
|
||||
{ id: "pro", badge: "Growth", price: "$5,000", subtitle: "For mid-size development", features: ["Advanced analytics", "24/7 support", "API Access"] },
|
||||
{ id: "ent", badge: "Enterprise", price: "Custom", subtitle: "Large scale industrial", features: ["Global supply chain", "Dedicated manager", "Security suites"] },
|
||||
]}
|
||||
title="Flexible Scaling Plans"
|
||||
description="Choose a tier designed for the specific size and scale of your enterprise project."
|
||||
@@ -315,56 +141,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "Project Lead",
|
||||
quote: "Seamless operations since switching.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194840.jpg?_wi=4",
|
||||
imageAlt: "professional architect portrait studio",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Williams",
|
||||
date: "Feb 2024",
|
||||
title: "Director",
|
||||
quote: "Essential tools for our daily site oversight.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-protection-helmet_23-2148921427.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-elements_98292-2741.jpg?_wi=3",
|
||||
imageAlt: "professional architect portrait studio",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara Evans",
|
||||
date: "Mar 2024",
|
||||
title: "Operations",
|
||||
quote: "The platform is incredibly user-friendly.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-architect-woman-with-yellow-hardhat_329181-1451.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45478.jpg?_wi=3",
|
||||
imageAlt: "professional architect portrait studio",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Ross",
|
||||
date: "Apr 2024",
|
||||
title: "Site Supervisor",
|
||||
quote: "Efficiency has nearly doubled.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg?_wi=2",
|
||||
imageAlt: "professional architect portrait studio",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Smith",
|
||||
date: "May 2024",
|
||||
title: "Architect",
|
||||
quote: "A revolutionary approach to material sourcing.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-carpenter-his-carpentry-workshop_342744-826.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg?_wi=3",
|
||||
imageAlt: "professional architect portrait studio",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", date: "Jan 2024", title: "Project Lead", quote: "Seamless operations since switching.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg" },
|
||||
{ id: "2", name: "Bob Williams", date: "Feb 2024", title: "Director", quote: "Essential tools for our daily site oversight.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-protection-helmet_23-2148921427.jpg" },
|
||||
{ id: "3", name: "Clara Evans", date: "Mar 2024", title: "Operations", quote: "The platform is incredibly user-friendly.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-architect-woman-with-yellow-hardhat_329181-1451.jpg" },
|
||||
{ id: "4", name: "David Ross", date: "Apr 2024", title: "Site Supervisor", quote: "Efficiency has nearly doubled.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg" },
|
||||
{ id: "5", name: "Elena Smith", date: "May 2024", title: "Architect", quote: "A revolutionary approach to material sourcing.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-carpenter-his-carpentry-workshop_342744-826.jpg" },
|
||||
]}
|
||||
title="Trusted by Construction Leaders"
|
||||
description="Proven success stories from firms across the globe."
|
||||
@@ -375,21 +156,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we sign up?",
|
||||
content: "Register your firm via the enterprise portal.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What support is included?",
|
||||
content: "Dedicated support provided per tier.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is global delivery available?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
{ id: "q1", title: "How do we sign up?", content: "Register your firm via the enterprise portal." },
|
||||
{ id: "q2", title: "What support is included?", content: "Dedicated support provided per tier." },
|
||||
{ id: "q3", title: "Is global delivery available?", content: "Yes, we ship globally." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -399,50 +168,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start?"
|
||||
title="Build Smarter Today"
|
||||
description="Get in touch with our team to discuss your next construction project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Sales", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Overview",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Overview", href: "#" }, { label: "Features", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="BuildMarket"
|
||||
/>
|
||||
@@ -450,4 +188,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user