Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Materials",
|
||||
id: "products",
|
||||
},
|
||||
name: "Materials", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BuildPro"
|
||||
/>
|
||||
@@ -55,21 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="BuildPro Materials"
|
||||
description="Your trusted source for premium-grade building materials. From structural steel to finishing wood, we provide everything your site needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Inventory", href: "#products"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-site_1203-3121.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-site_1203-3121.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
description="With over 30 years in the construction supply industry, BuildPro bridges the gap between high-quality manufacturing and professional construction sites. We ensure reliability in every load."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "All materials meet international ISO safety standards.",
|
||||
},
|
||||
title: "Verified Quality", description: "All materials meet international ISO safety standards."},
|
||||
{
|
||||
title: "On-Time Delivery",
|
||||
description: "Logistics network optimized for just-in-time site arrivals.",
|
||||
},
|
||||
title: "On-Time Delivery", description: "Logistics network optimized for just-in-time site arrivals."},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Consult with our team on structural requirements.",
|
||||
},
|
||||
title: "Expert Guidance", description: "Consult with our team on structural requirements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -107,41 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Structural Timber",
|
||||
price: "$12.00 / board",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-wood-planks_1048-5018.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Structural Timber", price: "$12.00 / board", imageSrc: "http://img.b2bpic.net/free-photo/3d-wood-planks_1048-5018.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Masonry Bricks",
|
||||
price: "$0.85 / unit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Masonry Bricks", price: "$0.85 / unit", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Concrete Mix (50kg)",
|
||||
price: "$9.50 / bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags-grocery-store-market_23-2148209799.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Concrete Mix (50kg)", price: "$9.50 / bag", imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags-grocery-store-market_23-2148209799.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Reinforcement Rebar",
|
||||
price: "$18.00 / bar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Reinforcement Rebar", price: "$18.00 / bar", imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Roofing Tiles",
|
||||
price: "$4.20 / tile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirty-background-texture-close-up-natural_1122-2372.jpg",
|
||||
},
|
||||
id: "5", name: "Roofing Tiles", price: "$4.20 / tile", imageSrc: "http://img.b2bpic.net/free-photo/dirty-background-texture-close-up-natural_1122-2372.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Thermal Insulation",
|
||||
price: "$45.00 / roll",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683451.jpg",
|
||||
},
|
||||
id: "6", name: "Thermal Insulation", price: "$45.00 / roll", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683451.jpg"},
|
||||
]}
|
||||
title="Our Material Catalog"
|
||||
description="Everything your project needs under one roof."
|
||||
@@ -155,28 +112,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Site-to-Site Logistics",
|
||||
description: "We specialize in complex site logistics, ensuring materials reach specific zones within your project boundaries.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-tablet_23-2148593120.jpg",
|
||||
title: "Site-to-Site Logistics", description: "We specialize in complex site logistics, ensuring materials reach specific zones within your project boundaries.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_1203-3121.jpg", imageAlt: "construction building materials supply warehouse"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Direct delivery",
|
||||
},
|
||||
text: "Direct delivery"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "24/7 Dispatch",
|
||||
},
|
||||
text: "24/7 Dispatch"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Full insurance",
|
||||
},
|
||||
text: "Full insurance"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_1203-3121.jpg?_wi=2",
|
||||
imageAlt: "construction building materials supply warehouse",
|
||||
},
|
||||
]}
|
||||
title="Seamless Supply Chain"
|
||||
@@ -190,60 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Stevens",
|
||||
date: "Jan 2024",
|
||||
title: "Senior Contractor",
|
||||
quote: "Reliable materials every single time. Their logisitics team is a lifesaver on tight schedules.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg?_wi=2",
|
||||
imageAlt: "professional construction workers planning construction",
|
||||
},
|
||||
id: "1", name: "Mark Stevens", date: "Jan 2024", title: "Senior Contractor", quote: "Reliable materials every single time. Their logisitics team is a lifesaver on tight schedules.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg", imageSrc: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg", imageAlt: "professional construction workers planning construction"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Doe",
|
||||
date: "Dec 2023",
|
||||
title: "Lead Architect",
|
||||
quote: "Consistency in quality is what I value most. BuildPro delivers perfection.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-smiling-while-looking-aside-hiding-from-sun-outdoors-longhaired-woman-with-bright-make-up-is-wearing-white-top-denim-shorts_291650-2364.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-wood-planks_1048-5018.jpg?_wi=2",
|
||||
imageAlt: "stacked hardwood planks construction material",
|
||||
},
|
||||
id: "2", name: "Jane Doe", date: "Dec 2023", title: "Lead Architect", quote: "Consistency in quality is what I value most. BuildPro delivers perfection.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-smiling-while-looking-aside-hiding-from-sun-outdoors-longhaired-woman-with-bright-make-up-is-wearing-white-top-denim-shorts_291650-2364.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-wood-planks_1048-5018.jpg", imageAlt: "stacked hardwood planks construction material"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Johnson",
|
||||
date: "Nov 2023",
|
||||
title: "Site Foreman",
|
||||
quote: "They never compromise on strength. My concrete loads are always compliant.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-architect-working-complex-project_23-2148242882.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg?_wi=2",
|
||||
imageAlt: "clay red bricks stack pattern",
|
||||
},
|
||||
id: "3", name: "Sam Johnson", date: "Nov 2023", title: "Site Foreman", quote: "They never compromise on strength. My concrete loads are always compliant.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-architect-working-complex-project_23-2148242882.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg", imageAlt: "clay red bricks stack pattern"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa Ray",
|
||||
date: "Oct 2023",
|
||||
title: "Project Manager",
|
||||
quote: "Best in class supply chain management. Highly recommend for big builds.",
|
||||
tag: "Infrastructure",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-paint-roller_1398-416.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags-grocery-store-market_23-2148209799.jpg?_wi=2",
|
||||
imageAlt: "bags of cement concrete mix",
|
||||
},
|
||||
id: "4", name: "Lisa Ray", date: "Oct 2023", title: "Project Manager", quote: "Best in class supply chain management. Highly recommend for big builds.", tag: "Infrastructure", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-paint-roller_1398-416.jpg", imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags-grocery-store-market_23-2148209799.jpg", imageAlt: "bags of cement concrete mix"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bob Miller",
|
||||
date: "Sep 2023",
|
||||
title: "Renovation Specialist",
|
||||
quote: "Extremely helpful and professional. Great inventory and prices.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-workers-cooperating-shaking-hands_329181-15647.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg?_wi=2",
|
||||
imageAlt: "construction steel reinforcement rebar bars",
|
||||
},
|
||||
id: "5", name: "Bob Miller", date: "Sep 2023", title: "Renovation Specialist", quote: "Extremely helpful and professional. Great inventory and prices.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-workers-cooperating-shaking-hands_329181-15647.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg", imageAlt: "construction steel reinforcement rebar bars"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Builders and contractors trust our supplies for their flagship projects."
|
||||
@@ -256,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver to residential areas?",
|
||||
content: "Yes, we have a specialized fleet for residential delivery and site access.",
|
||||
},
|
||||
id: "f1", title: "Do you deliver to residential areas?", content: "Yes, we have a specialized fleet for residential delivery and site access."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your lead times?",
|
||||
content: "Typical lead times are 24-48 hours depending on volume and location.",
|
||||
},
|
||||
id: "f2", title: "What are your lead times?", content: "Typical lead times are 24-48 hours depending on volume and location."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return unused materials?",
|
||||
content: "We accept returns on bulk materials in original packaging within 14 days.",
|
||||
},
|
||||
id: "f3", title: "Can I return unused materials?", content: "We accept returns on bulk materials in original packaging within 14 days."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common queries about our materials and logistics services."
|
||||
@@ -281,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get your project moving? Contact our sales team today for a custom material estimation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:sales@buildpro.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:sales@buildpro.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -299,33 +192,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Logistics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Logistics", href: "#"},
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Catalog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user