Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
347
src/app/page.tsx
347
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Target, Smile } from 'lucide-react';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Hurdle Construction"
|
||||
/>
|
||||
@@ -62,63 +48,28 @@ export default function LandingPage() {
|
||||
description="At Hurdle Construction Company Ltd, we bridge the gap between creative architectural visions and precise engineering execution."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent engineering and timely delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@johnd", testimonial: "Excellent engineering and timely delivery.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janes",
|
||||
testimonial: "The best architectural designs I've worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janes", testimonial: "The best architectural designs I've worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg"},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Professional approach to complex structural builds.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-architect-showing-blueprint-his-female-colleague_23-2147839903.jpg",
|
||||
},
|
||||
name: "Mark Wilson", handle: "@mwilson", testimonial: "Professional approach to complex structural builds.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-architect-showing-blueprint-his-female-colleague_23-2147839903.jpg"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "Top-tier project management and clear communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@slee", testimonial: "Top-tier project management and clear communication.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg"},
|
||||
{
|
||||
name: "David Brown",
|
||||
handle: "@dbrown",
|
||||
testimonial: "Hurdle delivered our bungalow ahead of schedule.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-vest-helmet_23-2148269392.jpg",
|
||||
},
|
||||
name: "David Brown", handle: "@dbrown", testimonial: "Hurdle delivered our bungalow ahead of schedule.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-vest-helmet_23-2148269392.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flight-booking-website-information-banner_53876-121017.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg",
|
||||
alt: "Client One",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-looking-clipboard_23-2148233775.jpg",
|
||||
alt: "Client Two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
|
||||
alt: "Client Three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg",
|
||||
alt: "Client Four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",
|
||||
alt: "Client Five",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", alt: "Client One" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-looking-clipboard_23-2148233775.jpg", alt: "Client Two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg", alt: "Client Three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg", alt: "Client Four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg", alt: "Client Five" },
|
||||
]}
|
||||
avatarText="Trusted by 150+ Happy Clients"
|
||||
/>
|
||||
@@ -129,18 +80,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Hurdle?"
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Architectural Designs",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "150+", label: "Projects Completed", icon: Zap },
|
||||
{ value: "200+", label: "Architectural Designs", icon: Target },
|
||||
{ value: "99%", label: "Client Satisfaction", icon: Smile },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,27 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Bungalow Designs",
|
||||
subtitle: "Modern, energy-efficient living.",
|
||||
category: "Design",
|
||||
value: "Architectural",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Multi-storey Builds",
|
||||
subtitle: "Optimized structural engineering.",
|
||||
category: "Engineering",
|
||||
value: "Urban",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Landscaping",
|
||||
subtitle: "Beautiful sustainable outdoor spaces.",
|
||||
category: "Design",
|
||||
value: "Landscape",
|
||||
},
|
||||
{ id: "s1", title: "Bungalow Designs", subtitle: "Modern, energy-efficient living.", category: "Design", value: "Architectural" },
|
||||
{ id: "s2", title: "Multi-storey Builds", subtitle: "Optimized structural engineering.", category: "Engineering", value: "Urban" },
|
||||
{ id: "s3", title: "Landscaping", subtitle: "Beautiful sustainable outdoor spaces.", category: "Design", value: "Landscape" },
|
||||
]}
|
||||
title="Our Specialized Architectural Services"
|
||||
description="Expert design solutions tailored for your unique construction requirements."
|
||||
@@ -186,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "3-Bedroom Bungalow",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban 3-Storey Building",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-blonde-lady-walking-outdoors_171337-19414.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Landscape Project",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-tablet-outdoors_23-2150747661.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Urban Villa",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896724.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Office Complex Shell",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-looking-modern-technology-green-screen_482257-16872.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Residential Block",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666254.jpg",
|
||||
},
|
||||
{ id: "p1", name: "3-Bedroom Bungalow", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg" },
|
||||
{ id: "p2", name: "Urban 3-Storey Building", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-blonde-lady-walking-outdoors_171337-19414.jpg" },
|
||||
{ id: "p3", name: "Garden Landscape Project", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-tablet-outdoors_23-2150747661.jpg" },
|
||||
{ id: "p4", name: "Modern Urban Villa", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896724.jpg" },
|
||||
{ id: "p5", name: "Office Complex Shell", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-looking-modern-technology-green-screen_482257-16872.jpg" },
|
||||
{ id: "p6", name: "Luxury Residential Block", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666254.jpg" },
|
||||
]}
|
||||
title="Completed Projects"
|
||||
description="A curated collection of our finest architectural and structural works."
|
||||
@@ -234,54 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
badge: "Essential",
|
||||
price: "$120k",
|
||||
subtitle: "3-Bedroom Bungalow BQ",
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Detailed Materials",
|
||||
"Labor Estimate",
|
||||
"Timeline",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
badge: "Commercial",
|
||||
price: "$450k",
|
||||
subtitle: "3-Storey Building BQ",
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Structural Engineering",
|
||||
"Electrical Specs",
|
||||
"Compliance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
badge: "Landscape",
|
||||
price: "$25k",
|
||||
subtitle: "Garden Landscaping Quote",
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Softscaping",
|
||||
"Paving Specs",
|
||||
"Irrigation",
|
||||
],
|
||||
},
|
||||
{ id: "b1", badge: "Essential", price: "$120k", subtitle: "3-Bedroom Bungalow BQ", buttons: [{ text: "View Details" }], features: ["Detailed Materials", "Labor Estimate", "Timeline"] },
|
||||
{ id: "b2", badge: "Commercial", price: "$450k", subtitle: "3-Storey Building BQ", buttons: [{ text: "View Details" }], features: ["Structural Engineering", "Electrical Specs", "Compliance"] },
|
||||
{ id: "b3", badge: "Landscape", price: "$25k", subtitle: "Garden Landscaping Quote", buttons: [{ text: "View Details" }], features: ["Softscaping", "Paving Specs", "Irrigation"] },
|
||||
]}
|
||||
title="Bills of Quantities (BQ) Estimates"
|
||||
description="Transparent cost breakdown for your next big project."
|
||||
@@ -294,60 +143,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Client One",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894055.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Client Two",
|
||||
role: "CEO",
|
||||
company: "Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Client Three",
|
||||
role: "Investor",
|
||||
company: "Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client Four",
|
||||
role: "Developer",
|
||||
company: "Villas",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Client Five",
|
||||
role: "Resident",
|
||||
company: "Garden",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Client One", role: "Owner", company: "Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894055.jpg" },
|
||||
{ id: "t2", name: "Client Two", role: "CEO", company: "Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg" },
|
||||
{ id: "t3", name: "Client Three", role: "Investor", company: "Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg" },
|
||||
{ id: "t4", name: "Client Four", role: "Developer", company: "Villas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg" },
|
||||
{ id: "t5", name: "Client Five", role: "Resident", company: "Garden", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "On Budget",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On Time",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Safety",
|
||||
},
|
||||
{ value: "100%", label: "On Budget" },
|
||||
{ value: "100%", label: "On Time" },
|
||||
{ value: "100%", label: "Safety" },
|
||||
]}
|
||||
title="Client Remarks"
|
||||
description="Real feedback from our satisfied construction partners."
|
||||
@@ -359,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I request a site visit?",
|
||||
content: "Book via our portal or contact us directly.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are estimates free?",
|
||||
content: "Initial conceptual quotes are provided free of charge.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide architectural drawings?",
|
||||
content: "Yes, we handle end-to-end architectural design.",
|
||||
},
|
||||
{ id: "f1", title: "How do I request a site visit?", content: "Book via our portal or contact us directly." },
|
||||
{ id: "f2", title: "Are estimates free?", content: "Initial conceptual quotes are provided free of charge." },
|
||||
{ id: "f3", title: "Do you provide architectural drawings?", content: "Yes, we handle end-to-end architectural design." },
|
||||
]}
|
||||
title="Construction Insights"
|
||||
description="Common questions regarding our process and engineering standards."
|
||||
@@ -384,9 +177,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Booking"
|
||||
title="Schedule Your Engineering Meeting"
|
||||
description="Describe your architectural vision and let our engineers handle the rest."
|
||||
@@ -396,45 +187,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Architecture",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Services", items: [{ label: "Architecture", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Hurdle Construction"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user