Merge version_1 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SolidConcrete"
|
||||
/>
|
||||
@@ -56,35 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Foundations of Excellence"
|
||||
description="Professional concrete construction solutions for residential and commercial projects. Built with strength, precision, and durability."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg?_wi=1",
|
||||
imageAlt: "Construction site concrete pour",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg", imageAlt: "Construction site concrete pour"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278576.jpg?_wi=1",
|
||||
imageAlt: "Heavy construction machinery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278576.jpg", imageAlt: "Heavy construction machinery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg?_wi=1",
|
||||
imageAlt: "Finished concrete project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg", imageAlt: "Finished concrete project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-3934.jpg",
|
||||
imageAlt: "Workers on concrete site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-3934.jpg", imageAlt: "Workers on concrete site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-concrete-as-foundation_23-2151933441.jpg",
|
||||
imageAlt: "Construction project foundation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-concrete-as-foundation_23-2151933441.jpg", imageAlt: "Construction project foundation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/platform-dive_1308-4871.jpg",
|
||||
imageAlt: "Industrial concrete site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/platform-dive_1308-4871.jpg", imageAlt: "Industrial concrete site"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,18 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built to Last",
|
||||
},
|
||||
type: "text", content: "Built to Last"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/builders-works-construction-site_1398-5088.jpg",
|
||||
alt: "Our professional construction team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/builders-works-construction-site_1398-5088.jpg", alt: "Our professional construction team"},
|
||||
{
|
||||
type: "text",
|
||||
content: "For Decades.",
|
||||
},
|
||||
type: "text", content: "For Decades."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,49 +90,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Foundation Work",
|
||||
description: "Structural foundations that provide long-term stability.",
|
||||
icon: Shield,
|
||||
title: "Foundation Work", description: "Structural foundations that provide long-term stability.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg?_wi=2",
|
||||
imageAlt: "concrete foundation installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Decorative Concrete",
|
||||
description: "Beautiful stamped and colored finishes for exterior spaces.",
|
||||
icon: Zap,
|
||||
title: "Decorative Concrete", description: "Beautiful stamped and colored finishes for exterior spaces.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coarse-cement-wall-with-diagonal-division_23-2148413296.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coarse-cement-wall-with-diagonal-division_23-2148413296.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-pulp-wooden-desk_23-2147845458.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278576.jpg?_wi=2",
|
||||
imageAlt: "concrete foundation installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-pulp-wooden-desk_23-2147845458.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Industrial Flooring",
|
||||
description: "High-durability concrete solutions for heavy-duty facilities.",
|
||||
icon: Award,
|
||||
title: "Industrial Flooring", description: "High-durability concrete solutions for heavy-duty facilities.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589569.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589569.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12849.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg?_wi=2",
|
||||
imageAlt: "concrete foundation installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12849.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Concrete Services"
|
||||
@@ -176,20 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "25+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Satisfaction Rate"},
|
||||
]}
|
||||
title="Construction Excellence"
|
||||
description="Proven track record in structural integrity and client satisfaction."
|
||||
@@ -204,47 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Solid Foundation Project",
|
||||
price: "Custom",
|
||||
variant: "Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinder-blocks-lie-ground-dried_661209-369.jpg",
|
||||
},
|
||||
id: "p1", name: "Solid Foundation Project", price: "Custom", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/cinder-blocks-lie-ground-dried_661209-369.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Concrete Pillar Design",
|
||||
price: "Custom",
|
||||
variant: "Structural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-platform-with-bricks_1194-620.jpg",
|
||||
},
|
||||
id: "p2", name: "Concrete Pillar Design", price: "Custom", variant: "Structural", imageSrc: "http://img.b2bpic.net/free-photo/marble-platform-with-bricks_1194-620.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Outdoor Patio Pavers",
|
||||
price: "Custom",
|
||||
variant: "Decorative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11931.jpg",
|
||||
},
|
||||
id: "p3", name: "Outdoor Patio Pavers", price: "Custom", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11931.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Warehouse Wall System",
|
||||
price: "Custom",
|
||||
variant: "Precast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-concrete-building_181624-3961.jpg",
|
||||
},
|
||||
id: "p4", name: "Warehouse Wall System", price: "Custom", variant: "Precast", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-concrete-building_181624-3961.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Community Sidewalks",
|
||||
price: "Custom",
|
||||
variant: "Infrastructure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concret-texture_1194-8788.jpg",
|
||||
},
|
||||
id: "p5", name: "Community Sidewalks", price: "Custom", variant: "Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/concret-texture_1194-8788.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bridge Support Beam",
|
||||
price: "Custom",
|
||||
variant: "Heavy Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-tourism-building-old-bridge_1127-2798.jpg",
|
||||
},
|
||||
id: "p6", name: "Bridge Support Beam", price: "Custom", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-tourism-building-old-bridge_1127-2798.jpg"},
|
||||
]}
|
||||
title="Our Construction Portfolio"
|
||||
description="Browse a selection of our recent concrete infrastructure projects."
|
||||
@@ -257,45 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "The team was professional and the foundation is solid.",
|
||||
name: "Jane Doe",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Experience", quote: "The team was professional and the foundation is solid.", name: "Jane Doe", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly Professional",
|
||||
quote: "They delivered on time and the quality exceeded expectations.",
|
||||
name: "John Smith",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg",
|
||||
},
|
||||
id: "t2", title: "Highly Professional", quote: "They delivered on time and the quality exceeded expectations.", name: "John Smith", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Structural Excellence",
|
||||
quote: "Solid concrete work for our new warehouse building.",
|
||||
name: "Alex Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-holding-coffee-cups_23-2148752019.jpg",
|
||||
},
|
||||
id: "t3", title: "Structural Excellence", quote: "Solid concrete work for our new warehouse building.", name: "Alex Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-holding-coffee-cups_23-2148752019.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Reliable Crew",
|
||||
quote: "Top tier craftsmanship on every project.",
|
||||
name: "Sarah Lee",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",
|
||||
},
|
||||
id: "t4", title: "Reliable Crew", quote: "Top tier craftsmanship on every project.", name: "Sarah Lee", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Exceptional Quality",
|
||||
quote: "Concrete finishing that looks incredible.",
|
||||
name: "Mike Brown",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
|
||||
},
|
||||
id: "t5", title: "Exceptional Quality", quote: "Concrete finishing that looks incredible.", name: "Mike Brown", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our partners say about our quality."
|
||||
@@ -308,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What concrete types do you use?",
|
||||
content: "We use high-strength ready-mix concrete tailored to structural requirements.",
|
||||
},
|
||||
id: "f1", title: "What concrete types do you use?", content: "We use high-strength ready-mix concrete tailored to structural requirements."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a foundation take?",
|
||||
content: "Project timelines vary depending on complexity and scope.",
|
||||
},
|
||||
id: "f2", title: "How long does a foundation take?", content: "Project timelines vary depending on complexity and scope."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we maintain full licensure and comprehensive insurance coverage.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed and insured?", content: "Yes, we maintain full licensure and comprehensive insurance coverage."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions about our process."
|
||||
@@ -333,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project Today"
|
||||
description="Reach out to our experts for a consultation and quote."
|
||||
@@ -347,37 +222,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user