Merge version_2 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Calculator",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Calculator", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ConstructCalc"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Precision Construction Planning Made Easy"
|
||||
description="Calculate material requirements, costs, and project timelines with our advanced, AI-driven construction calculator."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Calculating",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Calculating", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-with-repair-paint-tools-top-view_23-2148393126.jpg",
|
||||
imageAlt: "Construction Planning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-with-repair-paint-tools-top-view_23-2148393126.jpg", imageAlt: "Construction Planning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg",
|
||||
imageAlt: "AI Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg", imageAlt: "AI Analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg",
|
||||
imageAlt: "Cost Estimation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg", imageAlt: "Cost Estimation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-studio-employee-working-room-floor-planner_482257-51660.jpg",
|
||||
imageAlt: "Efficiency Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-studio-employee-working-room-floor-planner_482257-51660.jpg", imageAlt: "Efficiency Tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg",
|
||||
imageAlt: "Material Tracking",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg", imageAlt: "Material Tracking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898113.jpg",
|
||||
imageAlt: "Site Management",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898113.jpg", imageAlt: "Site Management"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,18 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for modern ",
|
||||
},
|
||||
type: "text", content: "Built for modern "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35643.jpg",
|
||||
alt: "Site Planning",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35643.jpg", alt: "Site Planning"},
|
||||
{
|
||||
type: "text",
|
||||
content: " engineers and contractors.",
|
||||
},
|
||||
type: "text", content: " engineers and contractors."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,29 +94,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Real-time Calculation",
|
||||
description: "Get instant material estimates as you input dimensions.",
|
||||
},
|
||||
title: "Real-time Calculation", description: "Get instant material estimates as you input dimensions."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Precision Accuracy",
|
||||
description: "Reduce waste with industry-standard math algorithms.",
|
||||
},
|
||||
title: "Precision Accuracy", description: "Reduce waste with industry-standard math algorithms."},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Multi-Project Management",
|
||||
description: "Organize your data across multiple job sites simultaneously.",
|
||||
},
|
||||
title: "Multi-Project Management", description: "Organize your data across multiple job sites simultaneously."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Cost Forecasting",
|
||||
description: "Predict budget trends before you break ground.",
|
||||
},
|
||||
title: "Cost Forecasting", description: "Predict budget trends before you break ground."},
|
||||
{
|
||||
icon: ListChecks,
|
||||
title: "Automated Workflows",
|
||||
description: "Sync your material requirements directly with suppliers.",
|
||||
},
|
||||
title: "Automated Workflows", description: "Sync your material requirements directly with suppliers."},
|
||||
]}
|
||||
title="Core Functionality"
|
||||
description="Powerful tools to manage your construction lifecycle from start to finish."
|
||||
@@ -160,51 +120,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essentials",
|
||||
price: "Free",
|
||||
period: "/per use",
|
||||
description: "Basic calculator for simple wall and area projects.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included features",
|
||||
features: [
|
||||
"Wall area calculator",
|
||||
"Basic concrete mixer",
|
||||
],
|
||||
id: "p1", tag: "Essentials", price: "Free", period: "/per use", description: "Basic calculator for simple wall and area projects.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included features", features: [
|
||||
"Wall area calculator", "Basic concrete mixer"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro",
|
||||
price: "$49",
|
||||
period: "/month",
|
||||
description: "Advanced metrics and project saving for professional contractors.",
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
featuresTitle: "Everything in Essentials plus:",
|
||||
features: [
|
||||
"Full project history",
|
||||
"CSV export",
|
||||
"Priority support",
|
||||
],
|
||||
id: "p2", tag: "Pro", price: "$49", period: "/month", description: "Save time on site and manage projects easily for professional contractors.", button: {
|
||||
text: "Upgrade"},
|
||||
featuresTitle: "Everything in Essentials plus:", features: [
|
||||
"Full project history", "CSV export", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Enterprise",
|
||||
price: "$199",
|
||||
period: "/month",
|
||||
description: "Full-scale BIM integrated analytics and team management.",
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
featuresTitle: "Everything in Pro plus:",
|
||||
features: [
|
||||
"Team collaboration",
|
||||
"BIM API integration",
|
||||
"Custom templates",
|
||||
],
|
||||
id: "p3", tag: "Enterprise", price: "$199", period: "/month", description: "Full-scale BIM integrated analytics and team management.", button: {
|
||||
text: "Contact Us"},
|
||||
featuresTitle: "Everything in Pro plus:", features: [
|
||||
"Team collaboration", "BIM API integration", "Custom templates"],
|
||||
},
|
||||
]}
|
||||
title="Material Calculator"
|
||||
@@ -219,26 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15%",
|
||||
title: "Waste Reduction",
|
||||
description: "Average reduction in excess material orders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
|
||||
},
|
||||
id: "m1", value: "15%", title: "Waste Reduction", description: "Average reduction in excess material orders.", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Calculations Done",
|
||||
description: "Total projects successfully planned via platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-abstract-gradient-green-layers-paper_23-2148793009.jpg",
|
||||
},
|
||||
id: "m2", value: "10k+", title: "Calculations Done", description: "Total projects successfully planned via platform.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-abstract-gradient-green-layers-paper_23-2148793009.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8/5",
|
||||
title: "User Satisfaction",
|
||||
description: "Rating from site managers and contractors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrows-pointing_23-2148488392.jpg",
|
||||
},
|
||||
id: "m3", value: "4.8/5", title: "User Satisfaction", description: "Rating from site managers and contractors.", imageSrc: "http://img.b2bpic.net/free-photo/arrows-pointing_23-2148488392.jpg"},
|
||||
]}
|
||||
title="Proven Efficiency"
|
||||
description="Trusted by hundreds of sites worldwide to streamline procurement."
|
||||
@@ -253,45 +169,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechBuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechBuild", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateStruct",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateStruct", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "PM",
|
||||
company: "BuildCore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "PM", company: "BuildCore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "UrbanConstruct",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Manager", company: "UrbanConstruct", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
role: "Contractor",
|
||||
company: "SmithWorks",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", role: "Contractor", company: "SmithWorks", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg"},
|
||||
]}
|
||||
title="What Contractors Say"
|
||||
description="Voices from the field on how we changed their project management."
|
||||
@@ -304,30 +195,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How accurate are the results?",
|
||||
content: "Our algorithms are checked against industry standards for waste and material density.",
|
||||
},
|
||||
id: "f1", title: "How accurate are the results?", content: "Our algorithms are checked against industry standards for waste and material density."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export data to Excel?",
|
||||
content: "Yes, our Pro and Enterprise plans include CSV and Excel export features.",
|
||||
},
|
||||
id: "f2", title: "Can I export data to Excel?", content: "Yes, our Pro and Enterprise plans include CSV and Excel export features."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there mobile app support?",
|
||||
content: "We offer full responsive support on all browsers for mobile site use.",
|
||||
},
|
||||
id: "f3", title: "Is there mobile app support?", content: "We offer full responsive support on all browsers for mobile site use."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept major credit cards and wire transfers for enterprise clients.",
|
||||
},
|
||||
id: "f4", title: "What payment methods are accepted?", content: "We accept major credit cards and wire transfers for enterprise clients."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Can I invite team members?",
|
||||
content: "Our Enterprise plan allows for unlimited team member seats.",
|
||||
},
|
||||
id: "f5", title: "Can I invite team members?", content: "Our Enterprise plan allows for unlimited team member seats."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our material calculator platform."
|
||||
@@ -339,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Start?"
|
||||
description="Sign up for early access to our full-featured construction suite."
|
||||
@@ -353,42 +228,27 @@ export default function LandingPage() {
|
||||
logoText="ConstructCalc"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Calculator",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Calculator", href: "#pricing"},
|
||||
{
|
||||
label: "Enterprise",
|
||||
href: "#",
|
||||
},
|
||||
label: "Enterprise", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user