Merge version_1 into main #2
153
src/app/page.tsx
153
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Big City"
|
||||
/>
|
||||
@@ -50,41 +44,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building the Future of Big City"
|
||||
description="Excellence in commercial and residential construction. We turn ambitious urban visions into reality through precision and integrity."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg?_wi=1",
|
||||
imageAlt: "Modern construction site",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg", imageAlt: "Modern construction site"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-workers-fixing-climbing-scaffolding-while-following-all-safety-measures_181624-46565.jpg",
|
||||
imageAlt: "Scaffolding work",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/couple-workers-fixing-climbing-scaffolding-while-following-all-safety-measures_181624-46565.jpg", imageAlt: "Scaffolding work"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-green-space_23-2151963053.jpg",
|
||||
imageAlt: "New skyline project",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-green-space_23-2151963053.jpg", imageAlt: "New skyline project"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-692.jpg?_wi=1",
|
||||
imageAlt: "Blueprint review",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-692.jpg", imageAlt: "Blueprint review"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-manhattan-street-aerial-view_649448-4420.jpg",
|
||||
imageAlt: "Steel framework",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-manhattan-street-aerial-view_649448-4420.jpg", imageAlt: "Steel framework"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-holding-plan-new-apartments-thoughtfully-looking-wall-with-big-window-background_574295-1604.jpg?_wi=1",
|
||||
imageAlt: "Interior finish",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-holding-plan-new-apartments-thoughtfully-looking-wall-with-big-window-background_574295-1604.jpg", imageAlt: "Interior finish"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Structural Engineering",
|
||||
description: "Robust design and engineering for long-lasting structural integrity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Structural Engineering", description: "Robust design and engineering for long-lasting structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Interior Finishing",
|
||||
description: "Precision finishes that elevate interiors with high-end materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-holding-plan-new-apartments-thoughtfully-looking-wall-with-big-window-background_574295-1604.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Interior Finishing", description: "Precision finishes that elevate interiors with high-end materials.", imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-holding-plan-new-apartments-thoughtfully-looking-wall-with-big-window-background_574295-1604.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Project Management",
|
||||
description: "Transparent timelines and cost-effective execution for every project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-692.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Project Management", description: "Transparent timelines and cost-effective execution for every project.", imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-692.jpg"},
|
||||
]}
|
||||
title="Core Construction Services"
|
||||
description="From complex commercial skyscrapers to custom residential builds, we provide end-to-end management for every project scope."
|
||||
@@ -134,26 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Diverse construction projects delivered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tower-crane-against-clear-sky-construction-machine_632498-25185.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "150+", title: "Projects Completed", description: "Diverse construction projects delivered.", imageSrc: "http://img.b2bpic.net/free-psd/tower-crane-against-clear-sky-construction-machine_632498-25185.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
description: "Two decades of building excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tower-crane-against-clear-sky-construction-machine_632498-25185.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", value: "20", title: "Years Experience", description: "Two decades of building excellence.", imageSrc: "http://img.b2bpic.net/free-psd/tower-crane-against-clear-sky-construction-machine_632498-25185.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Award Wins",
|
||||
description: "Recognized for quality and safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tower-crane-against-clear-sky-construction-machine_632498-25185.jpg?_wi=3",
|
||||
},
|
||||
id: "m3", value: "12", title: "Award Wins", description: "Recognized for quality and safety.", imageSrc: "http://img.b2bpic.net/free-psd/tower-crane-against-clear-sky-construction-machine_632498-25185.jpg"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Numbers speak louder than promises. We are proud of our milestones in urban development."
|
||||
@@ -162,44 +110,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
testimonial: "Big City provided outstanding service on our downtown office project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "CEO", testimonial: "Big City provided outstanding service on our downtown office project.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alice Smith",
|
||||
role: "Developer",
|
||||
testimonial: "Truly reliable construction partners that finish on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hardhat_23-2147710817.jpg",
|
||||
},
|
||||
id: "2", name: "Alice Smith", role: "Developer", testimonial: "Truly reliable construction partners that finish on time.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hardhat_23-2147710817.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
role: "Homeowner",
|
||||
testimonial: "The attention to detail in my custom home build was incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-small-bell_1187-3133.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Ross", role: "Homeowner", testimonial: "The attention to detail in my custom home build was incredible.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-small-bell_1187-3133.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
role: "Director",
|
||||
testimonial: "Their management team is communicative and professional throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-construction-plan-copy-space_23-2148269820.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Lee", role: "Director", testimonial: "Their management team is communicative and professional throughout.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-construction-plan-copy-space_23-2148269820.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Chen",
|
||||
role: "Project Manager",
|
||||
testimonial: "Consistently high standards and unmatched reliability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "David Chen", role: "Project Manager", testimonial: "Consistently high standards and unmatched reliability.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg"},
|
||||
]}
|
||||
title="Partner Feedback"
|
||||
description="What our clients say about our building process and final project outcomes."
|
||||
@@ -211,20 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you handle residential?",
|
||||
content: "Yes, we specialize in both custom residential and large scale commercial builds.",
|
||||
},
|
||||
id: "q1", title: "Do you handle residential?", content: "Yes, we specialize in both custom residential and large scale commercial builds."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your timeline?",
|
||||
content: "We offer transparent timelines tailored to the complexity of your specific project.",
|
||||
},
|
||||
id: "q2", title: "What is your timeline?", content: "We offer transparent timelines tailored to the complexity of your specific project."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, we are fully bonded and insured for all structural and building work.",
|
||||
},
|
||||
id: "q3", title: "Are you licensed?", content: "Yes, we are fully bonded and insured for all structural and building work."},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -235,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Start Your Build Today"
|
||||
description="Let's discuss your next construction project with our expert team."
|
||||
@@ -247,20 +161,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Big City",
|
||||
items: [
|
||||
title: "Big City", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user