Merge version_1 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Impact", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Aïr Construction"
|
||||
/>
|
||||
@@ -76,13 +60,9 @@ export default function LandingPage() {
|
||||
description="Building Strong Foundations for a Brighter Future. Your Vision, Our Expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "Our Projects", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/presentation-concept-with-two-architects_23-2147702562.jpg"
|
||||
imageAlt="Modern construction site with cranes and workers"
|
||||
@@ -108,25 +88,14 @@ export default function LandingPage() {
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Residential Builds",
|
||||
"Commercial Developments",
|
||||
"Industrial Infrastructure",
|
||||
"Renovation & Remodeling",
|
||||
"Site Preparation",
|
||||
"Project Management",
|
||||
],
|
||||
"Residential Builds", "Commercial Developments", "Industrial Infrastructure", "Renovation & Remodeling", "Site Preparation", "Project Management"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Safety First Approach",
|
||||
"Eco-Friendly Practices",
|
||||
"Cutting-Edge Technology",
|
||||
"Transparent Communication",
|
||||
"On-Time Delivery",
|
||||
"Budget Adherence",
|
||||
],
|
||||
"Safety First Approach", "Eco-Friendly Practices", "Cutting-Edge Technology", "Transparent Communication", "On-Time Delivery", "Budget Adherence"],
|
||||
}}
|
||||
title="Specialized Construction Services"
|
||||
description="From ground-up construction to intricate renovations, Aïr Construction offers a full spectrum of services tailored to meet diverse project demands."
|
||||
@@ -142,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Residential Complex",
|
||||
price: "Completed: Q2 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-suburban-housing-estate-gold-coast-hinterland_1308-189300.jpg",
|
||||
imageAlt: "Exterior of a luxury residential complex",
|
||||
},
|
||||
id: "p1", name: "Luxury Residential Complex", price: "Completed: Q2 2023", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-suburban-housing-estate-gold-coast-hinterland_1308-189300.jpg", imageAlt: "Exterior of a luxury residential complex"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Downtown Office Tower",
|
||||
price: "Completed: Q4 2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-new-york-downtown-usa_1268-19531.jpg",
|
||||
imageAlt: "Modern glass office tower in a city",
|
||||
},
|
||||
id: "p2", name: "Downtown Office Tower", price: "Completed: Q4 2022", imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-new-york-downtown-usa_1268-19531.jpg", imageAlt: "Modern glass office tower in a city"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Industrial Warehouse Facility",
|
||||
price: "Completed: Q1 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397553.jpg",
|
||||
imageAlt: "Large industrial warehouse interior",
|
||||
},
|
||||
id: "p3", name: "Industrial Warehouse Facility", price: "Completed: Q1 2023", imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397553.jpg", imageAlt: "Large industrial warehouse interior"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Retail Renovation Project",
|
||||
price: "Completed: Q3 2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg",
|
||||
imageAlt: "Renovated retail storefront",
|
||||
},
|
||||
id: "p4", name: "Retail Renovation Project", price: "Completed: Q3 2022", imageSrc: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg", imageAlt: "Renovated retail storefront"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Community Center Build",
|
||||
price: "Completed: Q1 2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-638.jpg",
|
||||
imageAlt: "Newly built modern community center",
|
||||
},
|
||||
id: "p5", name: "Community Center Build", price: "Completed: Q1 2024", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-638.jpg", imageAlt: "Newly built modern community center"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bridge Infrastructure Upgrade",
|
||||
price: "Completed: Q4 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-modern-bridge_1127-3248.jpg",
|
||||
imageAlt: "Highway bridge undergoing construction",
|
||||
},
|
||||
id: "p6", name: "Bridge Infrastructure Upgrade", price: "Completed: Q4 2023", imageSrc: "http://img.b2bpic.net/free-photo/night-modern-bridge_1127-3248.jpg", imageAlt: "Highway bridge undergoing construction"},
|
||||
]}
|
||||
title="Showcasing Excellence in Every Build"
|
||||
description="Explore our diverse portfolio of completed projects that stand as a testament to our quality, innovation, and expertise."
|
||||
@@ -197,20 +136,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
description: "Years in Business",
|
||||
},
|
||||
id: "m1", value: "20+", description: "Years in Business"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "300+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "300+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%+",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%+", description: "Client Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -221,14 +151,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Enterprises Inc.",
|
||||
"Innovate Solutions Ltd.",
|
||||
"City Developments Group",
|
||||
"Sustainable Living Co.",
|
||||
"Apex Logistics",
|
||||
"Urban Designs Studio",
|
||||
"Horizon Realty",
|
||||
]}
|
||||
"Global Enterprises Inc.", "Innovate Solutions Ltd.", "City Developments Group", "Sustainable Living Co.", "Apex Logistics", "Urban Designs Studio", "Horizon Realty"]}
|
||||
title="Trusted by Leading Organizations"
|
||||
description="We've had the privilege of collaborating with esteemed clients and partners who trust Aïr Construction for their most ambitious projects."
|
||||
tag="Our Partners"
|
||||
@@ -244,45 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Aïr Construction transformed our vision into a stunning reality. Their professionalism and attention to detail were simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Aïr Construction transformed our vision into a stunning reality. Their professionalism and attention to detail were simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@michael_c",
|
||||
testimonial: "The team at Aïr Construction delivered our new office space ahead of schedule and under budget. Truly impressed with their efficiency and quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@michael_c", testimonial: "The team at Aïr Construction delivered our new office space ahead of schedule and under budget. Truly impressed with their efficiency and quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily_r",
|
||||
testimonial: "From concept to completion, Aïr Construction was a reliable partner. Their expertise made our complex industrial project seamless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "From concept to completion, Aïr Construction was a reliable partner. Their expertise made our complex industrial project seamless.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Lee",
|
||||
handle: "@david_l",
|
||||
testimonial: "Our home renovation exceeded all expectations thanks to Aïr Construction. The craftsmanship and dedication were evident in every corner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
|
||||
imageAlt: "David Lee",
|
||||
},
|
||||
id: "t4", name: "David Lee", handle: "@david_l", testimonial: "Our home renovation exceeded all expectations thanks to Aïr Construction. The craftsmanship and dedication were evident in every corner.", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg", imageAlt: "David Lee"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica White",
|
||||
handle: "@jessica_w",
|
||||
testimonial: "Choosing Aïr Construction was the best decision for our commercial build. Outstanding communication and a flawless execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
|
||||
imageAlt: "Jessica White",
|
||||
},
|
||||
id: "t5", name: "Jessica White", handle: "@jessica_w", testimonial: "Choosing Aïr Construction was the best decision for our commercial build. Outstanding communication and a flawless execution.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg", imageAlt: "Jessica White"},
|
||||
]}
|
||||
title="Building Trust, One Project at a Time"
|
||||
description="Our clients' satisfaction is the foundation of our success. Read what they have to say about their experience with Aïr Construction."
|
||||
@@ -298,25 +191,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What types of projects does Aïr Construction handle?",
|
||||
content: "We specialize in a wide range of projects, including residential homes, multi-family complexes, commercial buildings, industrial facilities, and infrastructure improvements.",
|
||||
},
|
||||
id: "q1", title: "What types of projects does Aïr Construction handle?", content: "We specialize in a wide range of projects, including residential homes, multi-family complexes, commercial buildings, industrial facilities, and infrastructure improvements."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does the construction process typically work?",
|
||||
content: "Our process begins with an initial consultation and site assessment, followed by detailed planning, design, budgeting, permits, construction, and final walkthroughs. We keep clients informed at every stage.",
|
||||
},
|
||||
id: "q2", title: "How does the construction process typically work?", content: "Our process begins with an initial consultation and site assessment, followed by detailed planning, design, budgeting, permits, construction, and final walkthroughs. We keep clients informed at every stage."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What sets Aïr Construction apart from competitors?",
|
||||
content: "Our commitment to quality, transparent communication, adherence to timelines and budgets, and a highly skilled team truly differentiate us. We prioritize client satisfaction above all else.",
|
||||
},
|
||||
id: "q3", title: "What sets Aïr Construction apart from competitors?", content: "Our commitment to quality, transparent communication, adherence to timelines and budgets, and a highly skilled team truly differentiate us. We prioritize client satisfaction above all else."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, Aïr Construction is fully licensed, bonded, and insured, ensuring peace of mind and protection for all our projects and clients.",
|
||||
},
|
||||
id: "q4", title: "Are you licensed and insured?", content: "Yes, Aïr Construction is fully licensed, bonded, and insured, ensuring peace of mind and protection for all our projects and clients."},
|
||||
]}
|
||||
title="Answers to Your Common Inquiries"
|
||||
description="Find quick answers to the most frequently asked questions about our construction process, services, and company policies."
|
||||
@@ -332,28 +213,17 @@ export default function LandingPage() {
|
||||
description="Reach out to Aïr Construction today to discuss your vision, request a quote, or simply learn more about our services. We're here to help you build something extraordinary."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440937.jpg"
|
||||
@@ -370,19 +240,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user