Merge version_1 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -29,74 +29,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/portfolio" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BraveBuild"
|
||||
button={{
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Request Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Building the Future with Strength and Precision"
|
||||
description="BraveBuild Construction delivers world-class infrastructure, residential developments, and commercial projects with an unwavering commitment to quality."
|
||||
tag="Construction Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{ text: "Get a Quote", href: "/contact" },
|
||||
{ text: "View Projects", href: "/portfolio" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-construction-site_23-2147702479.jpg?_wi=1",
|
||||
imageAlt: "Large construction site",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg?_wi=1",
|
||||
imageAlt: "Structural frame construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-building_74190-1751.jpg",
|
||||
imageAlt: "Construction site building",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/power-plant-construction_1127-2891.jpg",
|
||||
imageAlt: "Power Plant Construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-crane-construction-site-city_250224-332.jpg",
|
||||
imageAlt: "White crane on construction site in city",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architect-construction-site_23-2147702479.jpg", imageAlt: "Large construction site" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg", imageAlt: "Structural frame construction" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,24 +66,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Building2,
|
||||
title: "Projects Completed",
|
||||
value: "1,200+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
{ id: "m1", icon: Building2, title: "Projects Completed", value: "1,200+" },
|
||||
{ id: "m2", icon: Users, title: "Happy Clients", value: "500+" },
|
||||
{ id: "m3", icon: Award, title: "Years Experience", value: "25+" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Solid stats defining our commitment to building better communities."
|
||||
@@ -141,42 +82,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Skyline Heights",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-multistory-apartment-complex-building_181624-5114.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commerce Plaza",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "City Bridge Link",
|
||||
price: "Civil Works",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-orange-vibratory-asphalt-roller-compactor-new-pavement_181624-49122.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Suburban Renovation",
|
||||
price: "Renovations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanner-is-out_1098-12788.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Green Tower",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-modern-office-building_1127-3071.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Harbor Overpass",
|
||||
price: "Civil Works",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-bicycle-bridge_23-2147764154.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Skyline Heights", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-multistory-apartment-complex-building_181624-5114.jpg" },
|
||||
{ id: "p2", name: "Commerce Plaza", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg" },
|
||||
{ id: "p3", name: "City Bridge Link", price: "Civil Works", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-orange-vibratory-asphalt-roller-compactor-new-pavement_181624-49122.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A glimpse into our recent building milestones."
|
||||
@@ -188,61 +96,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "Jan 2024",
|
||||
title: "Real Estate Developer",
|
||||
quote: "BraveBuild exceeded all our expectations.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-construction-site_23-2147702479.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait professional background",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
date: "Feb 2024",
|
||||
title: "City Architect",
|
||||
quote: "Professional, reliable, and precise in every detail.",
|
||||
tag: "Civil Works",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait professional background",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
date: "Mar 2024",
|
||||
title: "Business Owner",
|
||||
quote: "Best construction partners we've had in 10 years.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12856.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-professional-architect-holding-blueprint-looking-it-near-construction-site_23-2148203955.jpg?_wi=1",
|
||||
imageAlt: "happy client portrait professional background",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily White",
|
||||
date: "Apr 2024",
|
||||
title: "Homeowner",
|
||||
quote: "They transformed my home completely.",
|
||||
tag: "Renovations",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-helmet-looking-drafts_23-2147710719.jpg",
|
||||
imageAlt: "happy client portrait professional background",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Clark",
|
||||
date: "May 2024",
|
||||
title: "Director",
|
||||
quote: "Excellence and timeliness define them.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12781.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-their-new-home-after-moving-together_23-2149086828.jpg",
|
||||
imageAlt: "happy client portrait professional background",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", date: "Jan 2024", title: "Real Estate Developer", quote: "BraveBuild exceeded all our expectations.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architect-construction-site_23-2147702479.jpg", imageAlt: "happy client portrait" },
|
||||
{ id: "t2", name: "Jane Smith", date: "Feb 2024", title: "City Architect", quote: "Professional, reliable, and precise in every detail.", tag: "Civil Works", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg", imageAlt: "happy client portrait" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We build relationships as strong as the structures we create."
|
||||
@@ -254,13 +109,7 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
title="Terms and Conditions"
|
||||
sections={[
|
||||
{
|
||||
heading: "Use of Site",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "By accessing this website, you agree to comply with all applicable laws and regulations.",
|
||||
},
|
||||
},
|
||||
{ heading: "Use of Site", content: { text: "By accessing this website, you agree to comply with all applicable laws and regulations." } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -269,40 +118,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="BraveBuild Construction Ltd."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Renovations",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Residential", href: "/services" }, { label: "Commercial", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
copyrightText="© 2024 BraveBuild Construction Ltd."
|
||||
/>
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -26,32 +26,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Projects", id: "/portfolio" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BraveBuild"
|
||||
button={{
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Request Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,23 +43,11 @@ export default function LandingPage() {
|
||||
title="Our Specialized Services"
|
||||
description="We offer full-cycle construction services tailored to your specific project needs."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Residential Construction",
|
||||
content: "Custom homes and residential community builds.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Commercial Building",
|
||||
content: "Offices, retail complexes, and commercial spaces with high-end finishes.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Renovation Works",
|
||||
content: "Modernizing existing properties with sustainable building practices.",
|
||||
},
|
||||
{ id: "s1", title: "Residential Construction", content: "Custom homes and residential community builds." },
|
||||
{ id: "s2", title: "Commercial Building", content: "Offices, retail complexes, and commercial spaces with high-end finishes." },
|
||||
{ id: "s3", title: "Renovation Works", content: "Modernizing existing properties with sustainable building practices." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-professional-architect-holding-blueprint-looking-it-near-construction-site_23-2148203955.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-professional-architect-holding-blueprint-looking-it-near-construction-site_23-2148203955.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,22 +60,13 @@ export default function LandingPage() {
|
||||
description="Our approach is built on trust."
|
||||
features={[
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Superior materials and workmanship.",
|
||||
icon: ShieldCheck,
|
||||
title: "Quality", description: "Superior materials and workmanship.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-off-engineer-meeting-architectural-project_1421-116.jpg",
|
||||
imageAlt: "Teamwork",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-blueprint_23-2147711055.jpg",
|
||||
imageAlt: "Blueprint",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teamwork-off-engineer-meeting-architectural-project_1421-116.jpg", imageAlt: "Teamwork" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-blueprint_23-2147711055.jpg", imageAlt: "Blueprint" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-construction-site_23-2147702479.jpg?_wi=3",
|
||||
imageAlt: "Teamwork off engineer meeting for architectural project.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-construction-site_23-2147702479.jpg", imageAlt: "Teamwork off engineer meeting for architectural project."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,40 +75,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="BraveBuild Construction Ltd."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Renovations",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Residential", href: "/services" }, { label: "Commercial", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
copyrightText="© 2024 BraveBuild Construction Ltd."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user