Merge version_2_1776276878884 into main #1
394
src/App.tsx
394
src/App.tsx
@@ -10,265 +10,171 @@ import TestimonialMetricsCards from '@/components/sections/testimonial/Testimoni
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="BuildState"
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="BuildState"
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", href: "#features"},
|
||||
{
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Projects", href: "#metrics"},
|
||||
{
|
||||
name: "Contact", href: "#contact"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Construction Excellence"
|
||||
title="Building Dreams from the Ground Up"
|
||||
description="Premium real estate development and construction services tailored to your vision. We prioritize quality, sustainability, and structural integrity."
|
||||
primaryButton={{
|
||||
text: "View Our Projects",
|
||||
href: "#metrics",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/g79d162a3d027fc6a31ee40b26450360a26d0f7070c036a2254c68563a23a6ed9dec0856b38d6da4666f49a2740d481cd8e0b63637937b8f2c6b456f657f9115e_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Construction Excellence"
|
||||
title="Building Dreams from the Ground Up"
|
||||
description="Premium real estate development and construction services tailored to your vision. We prioritize quality, sustainability, and structural integrity."
|
||||
primaryButton={{
|
||||
text: "View Our Projects", href: "#metrics"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
imageSrc="https://pixabay.com/get/g79d162a3d027fc6a31ee40b26450360a26d0f7070c036a2254c68563a23a6ed9dec0856b38d6da4666f49a2740d481cd8e0b63637937b8f2c6b456f657f9115e_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesStatisticsCards
|
||||
tag="Our Expertise"
|
||||
title="Specialized Construction Services"
|
||||
description="We offer a full suite of construction and real estate development solutions driven by modern engineering and craftsmanship."
|
||||
items={[
|
||||
{
|
||||
title: "Residential Development",
|
||||
description: "High-end luxury homes with modern layouts.",
|
||||
label: "Residential",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
title: "Commercial Projects",
|
||||
description: "Large-scale office and retail spaces.",
|
||||
label: "Commercial",
|
||||
value: "85+",
|
||||
},
|
||||
{
|
||||
title: "Infrastructure",
|
||||
description: "Urban development and civil works.",
|
||||
label: "Civil",
|
||||
value: "40+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesStatisticsCards
|
||||
tag="Our Expertise"
|
||||
title="Specialized Construction Services"
|
||||
description="We offer a full suite of construction and real estate development solutions driven by modern engineering and craftsmanship."
|
||||
items={[
|
||||
{
|
||||
title: "Residential Development", description: "High-end luxury homes with modern layouts.", label: "Residential", value: "150+"},
|
||||
{
|
||||
title: "Commercial Projects", description: "Large-scale office and retail spaces.", label: "Commercial", value: "85+"},
|
||||
{
|
||||
title: "Infrastructure", description: "Urban development and civil works.", label: "Civil", value: "40+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Committed to Quality and Safety"
|
||||
descriptions={[
|
||||
"With over 20 years of experience, we have redefined construction standards through rigorous quality control and architectural innovation.",
|
||||
"Our team consists of certified architects, engineers, and project managers working in synergy to deliver projects that exceed expectations and stand the test of time.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Committed to Quality and Safety"
|
||||
descriptions={[
|
||||
"With over 20 years of experience, we have redefined construction standards through rigorous quality control and architectural innovation.", "Our team consists of certified architects, engineers, and project managers working in synergy to deliver projects that exceed expectations and stand the test of time."]}
|
||||
primaryButton={{
|
||||
text: "About Us", href: "#about"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Track Record"
|
||||
title="Proven Excellence"
|
||||
description="Data-driven results speak to our operational efficiency and project success rates."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
features: [
|
||||
"On-time delivery",
|
||||
"Zero safety issues",
|
||||
"Budget adherence",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
features: [
|
||||
"Client-first approach",
|
||||
"Clear communication",
|
||||
"Post-delivery support",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "25+",
|
||||
title: "Industry Awards",
|
||||
features: [
|
||||
"Sustainable design",
|
||||
"Architectural merit",
|
||||
"Construction safety",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Track Record"
|
||||
title="Proven Excellence"
|
||||
description="Data-driven results speak to our operational efficiency and project success rates."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+", title: "Projects Completed", features: [
|
||||
"On-time delivery", "Zero safety issues", "Budget adherence"],
|
||||
},
|
||||
{
|
||||
value: "98%", title: "Client Satisfaction", features: [
|
||||
"Client-first approach", "Clear communication", "Post-delivery support"],
|
||||
},
|
||||
{
|
||||
value: "25+", title: "Industry Awards", features: [
|
||||
"Sustainable design", "Architectural merit", "Construction safety"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMetricsCards
|
||||
tag="Client Success"
|
||||
title="Voices of Our Partners"
|
||||
description="Building lasting relationships with our clients is the cornerstone of our business."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
role: "Property Investor",
|
||||
company: "Urban Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gc08da4ff33a6d1f964440a6f2283f17a5e062120c26d0fe53d82be08492707f9d77d8a50bbd3166449b36e1558706db8fd23b0bb87822a30c2b6db64f0c481ff_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Thornton",
|
||||
role: "Operations Manager",
|
||||
company: "Retail Group",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g8b7430c7a6b9c398a9b8dd6c4665618345b70cc8a68b80af8ce8e003355a0ccc0a593a6c6e75cc65b6f15a2ea3bbdb30058214d19e8539d0fff9de9bdf59011b_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Architect",
|
||||
company: "Studio Designs",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g145870d05d3e9db3c05340a44bee1d31f435554ab9f14d84d49ab3f994e66c230988f8c468d1a0782f38a0732df08cffd62af0e4736ff59f7771c5924a2a1d39_1280.png",
|
||||
},
|
||||
{
|
||||
name: "David Wu",
|
||||
role: "Homeowner",
|
||||
company: "Private Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g9a9cb2cf4c716126d4fb0b72b25f9e3e548f0acaf63e94d03d4c2986fcc879fef2e6cc89a66a5fbaacd7deacbbe36a0d_1280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anita Gupta",
|
||||
role: "CEO",
|
||||
company: "Tech Park Holdings",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g830df721c1d215c143ca504fcd11be7f347b10571425b608b3eec66878f35edab735fa2afa5aaba7a5a579f69af16167634d049176050358d13ed67cbdf03f97_1280.jpg",
|
||||
},
|
||||
]}
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Completion Rate",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Project Support",
|
||||
},
|
||||
{
|
||||
value: "Zero",
|
||||
label: "Safety Incidents",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMetricsCards
|
||||
tag="Client Success"
|
||||
title="Voices of Our Partners"
|
||||
description="Building lasting relationships with our clients is the cornerstone of our business."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins", role: "Property Investor", company: "Urban Ventures", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gc08da4ff33a6d1f964440a6f2283f17a5e062120c26d0fe53d82be08492707f9d77d8a50bbd3166449b36e1558706db8fd23b0bb87822a30c2b6db64f0c481ff_1280.jpg"},
|
||||
{
|
||||
name: "Mark Thornton", role: "Operations Manager", company: "Retail Group", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g8b7430c7a6b9c398a9b8dd6c4665618345b70cc8a68b80af8ce8e003355a0ccc0a593a6c6e75cc65b6f15a2ea3bbdb30058214d19e8539d0fff9de9bdf59011b_1280.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez", role: "Architect", company: "Studio Designs", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g145870d05d3e9db3c05340a44bee1d31f435554ab9f14d84d49ab3f994e66c230988f8c468d1a0782f38a0732df08cffd62af0e4736ff59f7771c5924a2a1d39_1280.png"},
|
||||
{
|
||||
name: "David Wu", role: "Homeowner", company: "Private Client", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g9a9cb2cf4c716126d4fb0b72b25f9e3e548f0acaf63e94d03d4c2986fcc879fef2e6cc89a66a5fbaacd7deacbbe36a0d_1280.jpg"},
|
||||
{
|
||||
name: "Anita Gupta", role: "CEO", company: "Tech Park Holdings", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g830df721c1d215c143ca504fcd11be7f347b10571425b608b3eec66878f35edab735fa2afa5aaba7a5a579f69af16167634d049176050358d13ed67cbdf03f97_1280.jpg"},
|
||||
]}
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", label: "Completion Rate"},
|
||||
{
|
||||
value: "24/7", label: "Project Support"},
|
||||
{
|
||||
value: "Zero", label: "Safety Incidents"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Let's Talk"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Reach out today for a consultation or to request a project estimate. Our team is ready to assist."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get a Consultation"
|
||||
imageSrc="https://pixabay.com/get/ga1229a5fc8a01a1d2d1cfa327b469bfe76384a05065476429640acfd8988b54d1e6d5b80f708a8d829425b6572e26de49728c17b2916626b906c7948c05445f4_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Let's Talk"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Reach out today for a consultation or to request a project estimate. Our team is ready to assist."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get a Consultation"
|
||||
imageSrc="https://pixabay.com/get/ga1229a5fc8a01a1d2d1cfa327b469bfe76384a05065476429640acfd8988b54d1e6d5b80f708a8d829425b6572e26de49728c17b2916626b906c7948c05445f4_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="BuildState"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="BuildState"
|
||||
columns={[
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Development", href: "#features"},
|
||||
{
|
||||
label: "Construction", href: "#features"},
|
||||
{
|
||||
label: "Consulting", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
]}
|
||||
copyright="© 2024 BuildState Construction. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Development",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Construction",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 BuildState Construction. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
label: "LinkedIn", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user