bender/4ff7acd2-301d-46f7-b6f8-0592b7556c3a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 04:29:04 +00:00
parent 1255ecbad2
commit 617b80b7ca
1 changed files with 59 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

289
src/app/page.tsx
View File

@@ -33,43 +33,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Projects", name: "Projects", id: "#projects"},
id: "#projects",
},
{ {
name: "Achievements", name: "Achievements", id: "#achievements"},
id: "#achievements",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Ancer Construction LLC" brandName="Ancer Construction LLC"
button={{ button={{
text: "Get a Quote", text: "Get a Quote", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
@@ -79,39 +61,23 @@ export default function LandingPage() {
description="Transforming Visions into Architectural Masterpieces with Precision and Passion. Your trusted partner in design and build." description="Transforming Visions into Architectural Masterpieces with Precision and Passion. Your trusted partner in design and build."
buttons={[ buttons={[
{ {
text: "Get a Quote", text: "Get a Quote", href: "#contact"},
href: "#contact",
},
{ {
text: "View Our Portfolio", text: "View Our Portfolio", href: "#projects"},
href: "#projects",
},
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666209.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666209.jpg", imageAlt: "Luxurious modern house exterior at night"},
imageAlt: "Luxurious modern house exterior at night",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394927.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394927.jpg", imageAlt: "Architectural rendering of a modern office building"},
imageAlt: "Architectural rendering of a modern office building",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-drawing-project_23-2148903474.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-drawing-project_23-2148903474.jpg", imageAlt: "Interior of a luxurious modern living room"},
imageAlt: "Interior of a luxurious modern living room",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976544.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976544.jpg", imageAlt: "Modern kitchen interior design in a luxury home"},
imageAlt: "Modern kitchen interior design in a luxury home",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg", imageAlt: "Architect working on blueprints at a desk"},
imageAlt: "Architect working on blueprints at a desk",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg", imageAlt: "Modern bathroom interior design luxury spa"},
imageAlt: "Modern bathroom interior design luxury spa",
},
]} ]}
autoplayDelay={5000} autoplayDelay={5000}
showDimOverlay={true} showDimOverlay={true}
@@ -125,19 +91,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Award, icon: Award,
label: "Years of Excellence", label: "Years of Excellence", value: "20+"},
value: "25+",
},
{ {
icon: Building, icon: Building,
label: "Projects Completed", label: "Projects Completed", value: "150+"},
value: "150+",
},
{ {
icon: Star, icon: Star,
label: "Client Satisfaction", label: "Client Satisfaction", value: "98%"},
value: "98%",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -151,32 +111,14 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Residential Construction", title: "Exquisite Kitchen Remodels", description: "Designing and building modern, functional kitchens that become the heart of your home, tailored to your culinary and aesthetic preferences.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976544.jpg", imageAlt: "Modern kitchen interior design in a luxury home", titleImageSrc: "http://img.b2bpic.net/free-photo/interior-elements-kitchen_23-2150245089.jpg", buttonText: "View Kitchens"},
description: "Crafting custom homes and renovations that reflect your unique style and needs. Experience luxury living designed just for you.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-cliffside-home-with-ocean-view-sunset_23-2152016391.jpg",
imageAlt: "Modern luxury residential home exterior",
titleImageSrc: "http://img.b2bpic.net/free-vector/design-home-minimalist-modern-idea-art_483537-3429.jpg",
buttonText: "Explore Homes",
},
{ {
title: "Commercial Development", title: "Luxurious Bathroom Renovations", description: "Creating spa-like bathrooms with high-end finishes and thoughtful designs, transforming your daily routine into an experience of comfort and style.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg", imageAlt: "Modern bathroom interior design luxury spa", titleImageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-decor-design_23-2149507968.jpg", buttonText: "Explore Bathrooms"},
description: "Developing modern, functional, and aesthetically pleasing commercial spaces that foster productivity and leave a lasting impression.",
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4005.jpg",
imageAlt: "Sleek modern commercial building facade",
titleImageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2481.jpg",
buttonText: "View Offices",
},
{ {
title: "Renovation & Remodeling", title: "Reliable Roofing Solutions", description: "Providing durable and aesthetically pleasing roofing services, from new installations to repairs, ensuring the safety and longevity of your home.", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-roof-detail-blue-sky_23-2150244697.jpg", imageAlt: "Modern house roof detail with blue sky", titleImageSrc: "http://img.b2bpic.net/free-photo/construction-tools-wood-working-construction_23-2147773406.jpg", buttonText: "Learn About Roofing"},
description: "Transforming existing structures into contemporary masterpieces, enhancing functionality and elevating aesthetic appeal with precision.",
imageSrc: "http://img.b2bpic.net/free-photo/hybrid-working-model-collage_23-2149496538.jpg",
imageAlt: "Luxurious home interior renovation",
titleImageSrc: "http://img.b2bpic.net/free-photo/various-tools_23-2147773406.jpg",
buttonText: "See Transformations",
},
]} ]}
title="Our Design & Build Services" title="Our Design & Build Services"
description="From initial concept to final completion, we deliver unparalleled craftsmanship and innovative solutions tailored to your vision." description="We specialize in crafting exquisite interior spaces, including luxurious bathrooms and modern kitchens, alongside reliable roofing solutions. Our focus is on enhancing your property from the inside out and providing top-tier protection."
/> />
</div> </div>
@@ -188,47 +130,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "project-1", id: "project-1", name: "Luxury Lakeside Villa", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920955.jpg", imageAlt: "Luxury lakeside villa exterior with pool"},
name: "Luxury Lakeside Villa",
price: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920955.jpg",
imageAlt: "Luxury lakeside villa exterior with pool",
},
{ {
id: "project-2", id: "project-2", name: "Downtown Corporate Hub", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg", imageAlt: "Modern minimalist corporate office interior"},
name: "Downtown Corporate Hub",
price: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg",
imageAlt: "Modern minimalist corporate office interior",
},
{ {
id: "project-3", id: "project-3", name: "Metropolitan Loft Residence", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-613.jpg", imageAlt: "Stylish metropolitan loft living room"},
name: "Metropolitan Loft Residence",
price: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-613.jpg",
imageAlt: "Stylish metropolitan loft living room",
},
{ {
id: "project-4", id: "project-4", name: "Gastronomy Haven", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg", imageAlt: "Modern fine dining restaurant interior"},
name: "Gastronomy Haven",
price: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg",
imageAlt: "Modern fine dining restaurant interior",
},
{ {
id: "project-5", id: "project-5", name: "Boutique Hotel Refresh", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg", imageAlt: "Luxurious boutique hotel lobby interior"},
name: "Boutique Hotel Refresh",
price: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg",
imageAlt: "Luxurious boutique hotel lobby interior",
},
{ {
id: "project-6", id: "project-6", name: "The Modern Sanctuary", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-modern-residential-complex-near-water-new-housing-by-lake_169016-69026.jpg", imageAlt: "Custom built modern minimalist house exterior"},
name: "The Modern Sanctuary",
price: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-modern-residential-complex-near-water-new-housing-by-lake_169016-69026.jpg",
imageAlt: "Custom built modern minimalist house exterior",
},
]} ]}
title="Featured Projects" title="Featured Projects"
description="A showcase of our finest craftsmanship, innovative designs, and dedication to excellence across diverse architectural styles." description="A showcase of our finest craftsmanship, innovative designs, and dedication to excellence across diverse architectural styles."
@@ -243,25 +155,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "25+", title: "Years in Business", description: "Decades of experience delivering exceptional design and build solutions.", icon: Award,
value: "25+",
title: "Years in Business",
description: "Decades of experience delivering exceptional design and build solutions.",
icon: Award,
}, },
{ {
id: "m2", id: "m2", value: "150+", title: "Successful Projects", description: "A diverse portfolio of residential and commercial masterpieces delivered.", icon: Building,
value: "150+",
title: "Successful Projects",
description: "A diverse portfolio of residential and commercial masterpieces delivered.",
icon: Building,
}, },
{ {
id: "m3", id: "m3", value: "98%", title: "Client Satisfaction", description: "Our commitment to client happiness is reflected in our outstanding feedback.", icon: Briefcase,
value: "98%",
title: "Client Satisfaction",
description: "Our commitment to client happiness is reflected in our outstanding feedback.",
icon: Briefcase,
}, },
]} ]}
title="Our Track Record of Excellence" title="Our Track Record of Excellence"
@@ -276,45 +176,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Ancer Construction transformed our vision into a breathtaking reality. Their attention to detail and professionalism were second to none. Truly a premium experience!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Sarah Johnson, client"},
name: "Sarah Johnson",
handle: "@sarah_j",
testimonial: "Ancer Construction transformed our vision into a breathtaking reality. Their attention to detail and professionalism were second to none. Truly a premium experience!",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
imageAlt: "Sarah Johnson, client",
},
{ {
id: "2", id: "2", name: "Michael Chen", handle: "@michael_c", testimonial: "The Ancer team delivered our commercial project ahead of schedule and under budget, without compromising on quality. Outstanding work!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-looking-smartphone_23-2147857220.jpg", imageAlt: "Michael Chen, client"},
name: "Michael Chen",
handle: "@michael_c",
testimonial: "The Ancer team delivered our commercial project ahead of schedule and under budget, without compromising on quality. Outstanding work!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-looking-smartphone_23-2147857220.jpg",
imageAlt: "Michael Chen, client",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "Our home renovation was seamless and stunning. Ancer's design expertise and build quality far exceeded our expectations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139852.jpg", imageAlt: "Emily Rodriguez, client"},
name: "Emily Rodriguez",
handle: "@emily_r",
testimonial: "Our home renovation was seamless and stunning. Ancer's design expertise and build quality far exceeded our expectations. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139852.jpg",
imageAlt: "Emily Rodriguez, client",
},
{ {
id: "4", id: "4", name: "David Kim", handle: "@david_k", testimonial: "Working with Ancer Construction was an absolute pleasure. Their project management and communication were impeccable, leading to a flawless result.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clipboard-pawns_23-2149382435.jpg", imageAlt: "David Kim, client"},
name: "David Kim",
handle: "@david_k",
testimonial: "Working with Ancer Construction was an absolute pleasure. Their project management and communication were impeccable, leading to a flawless result.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clipboard-pawns_23-2149382435.jpg",
imageAlt: "David Kim, client",
},
{ {
id: "5", id: "5", name: "Jessica Lee", handle: "@jessica_l", testimonial: "From the first sketch to the final touch, Ancer made our dream home a reality. The quality and finish are simply magnificent.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-coworkers-workplace_23-2147727730.jpg", imageAlt: "Jessica Lee, client"},
name: "Jessica Lee",
handle: "@jessica_l",
testimonial: "From the first sketch to the final touch, Ancer made our dream home a reality. The quality and finish are simply magnificent.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-coworkers-workplace_23-2147727730.jpg",
imageAlt: "Jessica Lee, client",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Hear directly from those who've experienced the Ancer Construction difference and seen their visions brought to life." description="Hear directly from those who've experienced the Ancer Construction difference and seen their visions brought to life."
@@ -326,25 +196,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "What is the Ancer Design & Build process?", content: "Our process begins with an initial consultation to understand your vision, followed by detailed design, planning, and then meticulous construction. We keep you informed at every stage."},
title: "What is the Ancer Design & Build process?",
content: "Our process begins with an initial consultation to understand your vision, followed by detailed design, planning, and then meticulous construction. We keep you informed at every stage.",
},
{ {
id: "faq-2", id: "faq-2", title: "Do you handle both residential and commercial projects?", content: "Yes, Ancer Construction LLC specializes in both high-end residential custom homes and luxury commercial developments, delivering bespoke solutions for diverse clients."},
title: "Do you handle both residential and commercial projects?",
content: "Yes, Ancer Construction LLC specializes in both high-end residential custom homes and luxury commercial developments, delivering bespoke solutions for diverse clients.",
},
{ {
id: "faq-3", id: "faq-3", title: "How long does a typical project take?", content: "Project timelines vary greatly depending on scope and complexity. After our initial consultation, we provide a detailed timeline tailored to your specific project needs."},
title: "How long does a typical project take?",
content: "Project timelines vary greatly depending on scope and complexity. After our initial consultation, we provide a detailed timeline tailored to your specific project needs.",
},
{ {
id: "faq-4", id: "faq-4", title: "Can you work with my existing architectural plans?", content: "Absolutely. While we offer comprehensive design services, we are also adept at executing existing architectural plans with the same commitment to quality and precision."},
title: "Can you work with my existing architectural plans?",
content: "Absolutely. While we offer comprehensive design services, we are also adept at executing existing architectural plans with the same commitment to quality and precision.",
},
]} ]}
sideTitle="Common Questions" sideTitle="Common Questions"
sideDescription="Find answers to frequently asked questions about our design and build services, project processes, and what makes Ancer Construction LLC your ideal partner." sideDescription="Find answers to frequently asked questions about our design and build services, project processes, and what makes Ancer Construction LLC your ideal partner."
@@ -356,18 +214,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Ready to build your dream project? Let's connect." text="Ready to build your dream project? Let's connect."
buttons={[ buttons={[
{ {
text: "Get a Free Consultation", text: "Get a Free Consultation", href: "#"},
href: "#",
},
{ {
text: "Contact Our Team", text: "Contact Our Team", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -379,63 +232,39 @@ export default function LandingPage() {
logoText="Ancer Construction LLC" logoText="Ancer Construction LLC"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Our Process", label: "Our Process", href: "#services"},
href: "#services",
},
{ {
label: "Achievements", label: "Achievements", href: "#achievements"},
href: "#achievements",
},
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Residential", label: "Residential", href: "#services"},
href: "#services",
},
{ {
label: "Commercial", label: "Commercial", href: "#services"},
href: "#services",
},
{ {
label: "Renovation", label: "Renovation", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Projects", title: "Projects", items: [
items: [
{ {
label: "Featured Work", label: "Featured Work", href: "#projects"},
href: "#projects",
},
{ {
label: "Portfolio", label: "Portfolio", href: "#projects"},
href: "#projects",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}