Merge version_1 into main #1
326
src/app/page.tsx
326
src/app/page.tsx
@@ -31,127 +31,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="US Construction Inc"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Philadelphia Construction You Can Trust"
|
||||
description="Proven redevelopment expertise with transparent project management and neighborhood accountability. See our completed work and community impact."
|
||||
testimonials={[
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "@propertyowner",
|
||||
testimonial: "They completed the project on time and were transparent about every cost.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architecture-holding-blueprint-hard-hat-looking-construction-site_23-2148204023.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@developer",
|
||||
testimonial: "Professional communication and high quality work throughout our partnership.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-architector-smiling-holding-drawings-standing-office-wall_176420-16815.jpg",
|
||||
},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@communitylead",
|
||||
testimonial: "Finally a contractor who stands behind their commitments to our neighborhood.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-comparing-blueprint-with-actual-building_1098-4062.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "The attention to detail and clear communication made all the difference.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15698.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus B.",
|
||||
handle: "@owner",
|
||||
testimonial: "No surprises in the budget, everything was laid out clearly from day one.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-schematic-helmet_23-2148269816.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{ name: "David M.", handle: "@propertyowner", testimonial: "They completed the project on time and were transparent about every cost.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architecture-holding-blueprint-hard-hat-looking-construction-site_23-2148204023.jpg" },
|
||||
{ name: "Sarah L.", handle: "@developer", testimonial: "Professional communication and high quality work throughout our partnership.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-architector-smiling-holding-drawings-standing-office-wall_176420-16815.jpg" },
|
||||
{ name: "Robert B.", handle: "@communitylead", testimonial: "Finally a contractor who stands behind their commitments to our neighborhood.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/executives-comparing-blueprint-with-actual-building_1098-4062.jpg" },
|
||||
{ name: "Elena R.", handle: "@homeowner", testimonial: "The attention to detail and clear communication made all the difference.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15698.jpg" },
|
||||
{ name: "Marcus B.", handle: "@owner", testimonial: "No surprises in the budget, everything was laid out clearly from day one.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-schematic-helmet_23-2148269816.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "View Our Projects", href: "#projects" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317234.jpg"
|
||||
imageAlt="Professional construction project in Philadelphia"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",
|
||||
alt: "Construction site team",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg",
|
||||
alt: "Project lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/apartments-underneath-bridge_181624-618.jpg",
|
||||
alt: "Senior architect",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg",
|
||||
alt: "Site manager",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg", alt: "Construction site team" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg", alt: "Project lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/apartments-underneath-bridge_181624-618.jpg", alt: "Senior architect" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg", alt: "Site manager" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "120+ Projects Completed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Compliance Rate",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "95% Client Retention",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Philadelphia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Licensed & Bonded",
|
||||
},
|
||||
{ type: "text", text: "120+ Projects Completed" },
|
||||
{ type: "text", text: "100% Compliance Rate" },
|
||||
{ type: "text", text: "95% Client Retention" },
|
||||
{ type: "text", text: "Serving Philadelphia" },
|
||||
{ type: "text", text: "Fully Licensed & Bonded" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,18 +82,9 @@ export default function LandingPage() {
|
||||
title="Accountability in Every Project"
|
||||
description="We understand the pain points property owners face when contractors fail to deliver. Our mission is to restore trust through visible, high-quality redevelopment work."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Transparent Management",
|
||||
description: "Weekly status updates and clear budget tracking for every client.",
|
||||
},
|
||||
{
|
||||
title: "High Quality Standards",
|
||||
description: "Licensed work verified by city compliance standards and local inspections.",
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Dedicated to redevelopment projects that enhance Philadelphia neighborhoods.",
|
||||
},
|
||||
{ title: "Transparent Management", description: "Weekly status updates and clear budget tracking for every client." },
|
||||
{ title: "High Quality Standards", description: "Licensed work verified by city compliance standards and local inspections." },
|
||||
{ title: "Community Focus", description: "Dedicated to redevelopment projects that enhance Philadelphia neighborhoods." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg"
|
||||
imageAlt="Construction site management"
|
||||
@@ -189,42 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Center City Mixed Use",
|
||||
price: "Completed 2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-large-construction-site_23-2151933428.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "South Philly Residential",
|
||||
price: "Completed 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-japan-rails_23-2148889589.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Manayunk Retail Build",
|
||||
price: "Completed 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-wearing-his-safety-equipment_23-2148242918.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fairmount Restoration",
|
||||
price: "Completed 2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-with-paper-plan-near-building-construction_23-2148039949.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "West Philly Commercial",
|
||||
price: "Completed 2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-with-papers-near-building-construction_23-2148039947.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Old City Loft Renovation",
|
||||
price: "Completed 2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Center City Mixed Use", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-large-construction-site_23-2151933428.jpg" },
|
||||
{ id: "p2", name: "South Philly Residential", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-japan-rails_23-2148889589.jpg" },
|
||||
{ id: "p3", name: "Manayunk Retail Build", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-wearing-his-safety-equipment_23-2148242918.jpg" },
|
||||
{ id: "p4", name: "Fairmount Restoration", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-with-paper-plan-near-building-construction_23-2148039949.jpg" },
|
||||
{ id: "p5", name: "West Philly Commercial", price: "Completed 2022", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-with-papers-near-building-construction_23-2148039947.jpg" },
|
||||
{ id: "p6", name: "Old City Loft Renovation", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg" },
|
||||
]}
|
||||
title="Our Completed Work"
|
||||
description="A showcase of our recent commercial and residential project successful completions."
|
||||
@@ -237,36 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Residential Renovations",
|
||||
"Commercial Builds",
|
||||
"Urban Redevelopment",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Compliance Rate",
|
||||
items: [
|
||||
"City Standards",
|
||||
"Safety Codes",
|
||||
"Zoning Compliance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Developers",
|
||||
"Property Owners",
|
||||
"Municipal Partners",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "120+", title: "Projects Completed", items: ["Residential Renovations", "Commercial Builds", "Urban Redevelopment"] },
|
||||
{ id: "m2", value: "100%", title: "Compliance Rate", items: ["City Standards", "Safety Codes", "Zoning Compliance"] },
|
||||
{ id: "m3", value: "95%", title: "Client Retention", items: ["Developers", "Property Owners", "Municipal Partners"] },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers that demonstrate our commitment to completion and accountability."
|
||||
@@ -278,54 +131,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "They stood by their word and finished the job beautifully.",
|
||||
name: "James L.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Reliable",
|
||||
quote: "Professional team that really cares about project quality.",
|
||||
name: "Amanda T.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Transparent",
|
||||
quote: "No surprises in the budget, everything was laid out clearly.",
|
||||
name: "Marcus B.",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Solid Work",
|
||||
quote: "They renovated my entire home ahead of the projected schedule.",
|
||||
name: "Elena R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Accountability was clear from day one through final inspection.",
|
||||
name: "Samuel K.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
title: "Quality Focused",
|
||||
quote: "Excellent craftsmanship and respectful of our existing building structure.",
|
||||
name: "Patty D.",
|
||||
role: "Co-op Board",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great Experience", quote: "They stood by their word and finished the job beautifully.", name: "James L.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg" },
|
||||
{ id: "t2", title: "Reliable", quote: "Professional team that really cares about project quality.", name: "Amanda T.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg" },
|
||||
{ id: "t3", title: "Transparent", quote: "No surprises in the budget, everything was laid out clearly.", name: "Marcus B.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg" },
|
||||
{ id: "t4", title: "Solid Work", quote: "They renovated my entire home ahead of the projected schedule.", name: "Elena R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg" },
|
||||
{ id: "t5", title: "Highly Recommend", quote: "Accountability was clear from day one through final inspection.", name: "Samuel K.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg" },
|
||||
{ id: "t6", title: "Quality Focused", quote: "Excellent craftsmanship and respectful of our existing building structure.", name: "Patty D.", role: "Co-op Board", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Feedback from owners and partners who trusted us to deliver."
|
||||
@@ -337,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you ensure projects are completed?",
|
||||
content: "We maintain detailed project timelines and weekly reporting schedules to keep owners informed and contractors on task.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured in Philadelphia?",
|
||||
content: "Yes, we are fully licensed and bonded for all residential and commercial work within Philadelphia city limits.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do you handle budget concerns?",
|
||||
content: "Our transparent estimation process eliminates hidden fees, and we provide clear documentation for all expenditures.",
|
||||
},
|
||||
{ id: "f1", title: "How do you ensure projects are completed?", content: "We maintain detailed project timelines and weekly reporting schedules to keep owners informed and contractors on task." },
|
||||
{ id: "f2", title: "Are you licensed and insured in Philadelphia?", content: "Yes, we are fully licensed and bonded for all residential and commercial work within Philadelphia city limits." },
|
||||
{ id: "f3", title: "How do you handle budget concerns?", content: "Our transparent estimation process eliminates hidden fees, and we provide clear documentation for all expenditures." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our process and commitment to accountability."
|
||||
@@ -367,36 +166,9 @@ export default function LandingPage() {
|
||||
title="Industry Insights"
|
||||
description="Guidance on choosing the right contractor and understanding project quality."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Advice",
|
||||
title: "5 Tips for Contractor Selection",
|
||||
excerpt: "What to look for to ensure your contractor is accountable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-professional-asian-female-construction-manager-architect-reading-blueprints-looking-away-pondering-thinking-making-decision-while-studying-project-plan-white-background_1258-94670.jpg",
|
||||
authorName: "CEO Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/professional-architects-working-project_23-2147702518.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Insights",
|
||||
title: "Understanding Philly Building Codes",
|
||||
excerpt: "Why compliance is the foundation of every successful project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-standing-front-building_23-2147702507.jpg",
|
||||
authorName: "CEO Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/architecture_1098-16480.jpg",
|
||||
date: "Sep 20, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Projects",
|
||||
title: "The Value of Transparent Renovation",
|
||||
excerpt: "How clear communication delivers better project results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-talking-mobile_1368-5662.jpg",
|
||||
authorName: "CEO Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/double-exposure-engineer-holding-blueprints-city-skyline-ai-generated_268835-10887.jpg",
|
||||
date: "Aug 10, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Advice", title: "5 Tips for Contractor Selection", excerpt: "What to look for to ensure your contractor is accountable.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-professional-asian-female-construction-manager-architect-reading-blueprints-looking-away-pondering-thinking-making-decision-while-studying-project-plan-white-background_1258-94670.jpg", authorName: "CEO Team", authorAvatar: "http://img.b2bpic.net/free-photo/professional-architects-working-project_23-2147702518.jpg", date: "Oct 15, 2024" },
|
||||
{ id: "b2", category: "Insights", title: "Understanding Philly Building Codes", excerpt: "Why compliance is the foundation of every successful project.", imageSrc: "http://img.b2bpic.net/free-photo/three-architects-standing-front-building_23-2147702507.jpg", authorName: "CEO Team", authorAvatar: "http://img.b2bpic.net/free-photo/architecture_1098-16480.jpg", date: "Sep 20, 2024" },
|
||||
{ id: "b3", category: "Projects", title: "The Value of Transparent Renovation", excerpt: "How clear communication delivers better project results.", imageSrc: "http://img.b2bpic.net/free-photo/worker-talking-mobile_1368-5662.jpg", authorName: "CEO Team", authorAvatar: "http://img.b2bpic.net/free-photo/double-exposure-engineer-holding-blueprints-city-skyline-ai-generated_268835-10887.jpg", date: "Aug 10, 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -404,9 +176,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project Today"
|
||||
description="Contact us to discuss your upcoming project and learn how our transparent management style delivers successful results."
|
||||
|
||||
Reference in New Issue
Block a user