Merge version_1 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Phone } from "lucide-react";
|
||||
import { Phone, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Anchor Construction"
|
||||
/>
|
||||
@@ -53,108 +45,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building the Future with Integrity"
|
||||
description="Anchor Construction delivers unparalleled structural quality and engineering precision for commercial and civil projects across the region."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317352.jpg?_wi=1",
|
||||
imageAlt: "Large scale commercial construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317352.jpg", imageAlt: "Large scale commercial construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-clean-urban-environment_23-2149011434.jpg?_wi=1",
|
||||
imageAlt: "Structural steel framing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-clean-urban-environment_23-2149011434.jpg", imageAlt: "Structural steel framing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/residential-area-with-new-buildings_23-2147694694.jpg?_wi=1",
|
||||
imageAlt: "Project site engineering",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/residential-area-with-new-buildings_23-2147694694.jpg", imageAlt: "Project site engineering"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discussing-blueprint_1098-18180.jpg?_wi=1",
|
||||
imageAlt: "Modern urban development",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discussing-blueprint_1098-18180.jpg", imageAlt: "Modern urban development"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35487.jpg",
|
||||
imageAlt: "Industrial infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35487.jpg", imageAlt: "Industrial infrastructure"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124290.jpg",
|
||||
imageAlt: "Project site inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124290.jpg", imageAlt: "Project site inspection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317352.jpg?_wi=2",
|
||||
imageAlt: "Heavy infrastructure development",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317352.jpg", imageAlt: "Heavy infrastructure development"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-clean-urban-environment_23-2149011434.jpg?_wi=2",
|
||||
imageAlt: "Team coordinating site project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-clean-urban-environment_23-2149011434.jpg", imageAlt: "Team coordinating site project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/residential-area-with-new-buildings_23-2147694694.jpg?_wi=2",
|
||||
imageAlt: "Architectural planning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/residential-area-with-new-buildings_23-2147694694.jpg", imageAlt: "Architectural planning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discussing-blueprint_1098-18180.jpg?_wi=2",
|
||||
imageAlt: "Safety management",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discussing-blueprint_1098-18180.jpg", imageAlt: "Safety management"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Portfolio",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Portfolio", href: "#services"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-safety-vests-showing-approval_23-2148269348.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-safety-vests-showing-approval_23-2148269348.jpg", alt: "Client A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-business-people-city_53876-15204.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-business-people-city_53876-15204.jpg", alt: "Client B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg", alt: "Client C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/constructors-studying-draft_23-2147710736.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/constructors-studying-draft_23-2147710736.jpg", alt: "Client D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architects-hold-floor-plans-talk-phone_1150-24345.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architects-hold-floor-plans-talk-phone_1150-24345.jpg", alt: "Client E"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ project partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Building",
|
||||
},
|
||||
type: "text", text: "Sustainable Building"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety Certified",
|
||||
},
|
||||
type: "text", text: "Safety Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
type: "text", text: "Precision Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timely Delivery",
|
||||
},
|
||||
type: "text", text: "Timely Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cost Efficient",
|
||||
},
|
||||
type: "text", text: "Cost Efficient"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,11 +112,8 @@ export default function LandingPage() {
|
||||
title="Decades of Construction Expertise"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our History",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn About Our History", href: "#"},
|
||||
]}
|
||||
description="With over 30 years of experience, Anchor Construction has established a reputation for delivering complex projects on time and within budget. We prioritize safety, efficiency, and sustainable building practices in every site we manage."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,22 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Commercial Development",
|
||||
description: "High-capacity retail and office space construction with precise timelines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-hold-floor-plans-talk-phone_1150-24345.jpg?_wi=1",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Commercial Development", description: "High-capacity retail and office space construction with precise timelines.", imageSrc: "http://img.b2bpic.net/free-photo/architects-hold-floor-plans-talk-phone_1150-24345.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Civil Infrastructure",
|
||||
description: "Robust heavy engineering projects including roads and bridge works.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-helmet-pointing-building_23-2148269237.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Civil Infrastructure", description: "Robust heavy engineering projects including roads and bridge works.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-helmet-pointing-building_23-2148269237.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Residential Contracting",
|
||||
description: "Premium multi-family development with meticulous attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architect-holding-blueprint-hard-hat-looking-construction-site_23-2148203954.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Residential Contracting", description: "Premium multi-family development with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architect-holding-blueprint-hard-hat-looking-construction-site_23-2148203954.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Construction Solutions"
|
||||
@@ -210,45 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Henderson",
|
||||
role: "CEO",
|
||||
company: "UrbanBuild Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-safety-vests-showing-approval_23-2148269348.jpg",
|
||||
},
|
||||
id: "1", name: "James Henderson", role: "CEO", company: "UrbanBuild Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-safety-vests-showing-approval_23-2148269348.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Senior Architect",
|
||||
company: "Metro Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-city_53876-15204.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Miller", role: "Senior Architect", company: "Metro Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-city_53876-15204.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Wu",
|
||||
role: "Project Manager",
|
||||
company: "Global Infrastructure",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg",
|
||||
},
|
||||
id: "3", name: "David Wu", role: "Project Manager", company: "Global Infrastructure", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Operations Director",
|
||||
company: "City Development Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/constructors-studying-draft_23-2147710736.jpg",
|
||||
},
|
||||
id: "4", name: "Elena Rodriguez", role: "Operations Director", company: "City Development Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/constructors-studying-draft_23-2147710736.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus Thorne",
|
||||
role: "Developer",
|
||||
company: "Apex Property",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-hold-floor-plans-talk-phone_1150-24345.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Marcus Thorne", role: "Developer", company: "Apex Property", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-hold-floor-plans-talk-phone_1150-24345.jpg"},
|
||||
]}
|
||||
title="Trusted by Leaders in Industry"
|
||||
description="See why top developers consistently choose Anchor Construction for their most demanding projects."
|
||||
@@ -261,26 +171,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What project sizes do you handle?",
|
||||
content: "We handle projects ranging from mid-scale commercial sites to large-scale municipal infrastructure.",
|
||||
},
|
||||
id: "f1", title: "What project sizes do you handle?", content: "We handle projects ranging from mid-scale commercial sites to large-scale municipal infrastructure."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What regions do you serve?",
|
||||
content: "We operate across the entire state and surrounding metropolitan areas.",
|
||||
},
|
||||
id: "f2", title: "What regions do you serve?", content: "We operate across the entire state and surrounding metropolitan areas."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get an estimation?",
|
||||
content: "Submit your architectural blueprints through our contact form and our engineering team will get back to you within 48 hours.",
|
||||
},
|
||||
id: "f3", title: "How do I get an estimation?", content: "Submit your architectural blueprints through our contact form and our engineering team will get back to you within 48 hours."},
|
||||
]}
|
||||
ctaTitle="Start Your Project"
|
||||
ctaDescription="Discuss your upcoming project with our engineers and request a project estimation today."
|
||||
ctaButton={{
|
||||
text: "Contact Our Team",
|
||||
}}
|
||||
text: "Contact Our Team"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,54 +189,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#",
|
||||
},
|
||||
label: "Projects", href: "#"},
|
||||
{
|
||||
label: "Safety Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Safety Policy", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:contact@anchorconst.com",
|
||||
},
|
||||
label: "Email", href: "mailto:contact@anchorconst.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user