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:39:55 +00:00
parent 45235e480a
commit 136a58bfae
1 changed files with 36 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import { Award, Briefcase, Building, Star } from "lucide-react"; import { Award, Briefcase, Building, Star } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
@@ -42,10 +42,10 @@ export default function LandingPage() {
name: "Projects", id: "#projects"}, name: "Projects", id: "#projects"},
{ {
name: "Achievements", id: "#achievements"}, name: "Achievements", id: "#achievements"},
{
name: "Testimonials", id: "#testimonials"},
{ {
name: "FAQ", id: "#faq"}, name: "FAQ", id: "#faq"},
{
name: "Questions", id: "#questions"},
{ {
name: "Contact", id: "#contact"}, name: "Contact", id: "#contact"},
]} ]}
@@ -58,7 +58,7 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroCarouselLogo <HeroCarouselLogo
logoText="Ancer Construction LLC" logoText="Ancer Construction LLC"
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 across Arizona and Las Vegas."
buttons={[ buttons={[
{ {
text: "Get a Quote", href: "#contact"}, text: "Get a Quote", href: "#contact"},
@@ -67,17 +67,15 @@ export default function LandingPage() {
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666209.jpg", imageAlt: "Luxurious modern house exterior at night"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyXcjQQOfAPu5mdTMf80qpQ4ys/uploaded-1781152687038-hewpnxdc.jpg", imageAlt: "Luxury modern home exterior"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394927.jpg", imageAlt: "Architectural rendering of a modern office building"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyXcjQQOfAPu5mdTMf80qpQ4ys/uploaded-1781152687039-hu1kcxis.png", imageAlt: "Architectural rendering of a modern office building"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-drawing-project_23-2148903474.jpg", imageAlt: "Interior of a luxurious modern living room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyXcjQQOfAPu5mdTMf80qpQ4ys/uploaded-1781152687039-4d3kuuqn.jpg", imageAlt: "Interior of a luxurious modern living room"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976544.jpg?_wi=1", imageAlt: "Modern kitchen interior design in a luxury home"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyXcjQQOfAPu5mdTMf80qpQ4ys/uploaded-1781152687039-34jgli99.jpg", 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", imageAlt: "Architect working on blueprints at a desk"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyXcjQQOfAPu5mdTMf80qpQ4ys/uploaded-1781152687039-ynsixl68.jpg", 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?_wi=1", imageAlt: "Modern bathroom interior design luxury spa"},
]} ]}
autoplayDelay={5000} autoplayDelay={5000}
showDimOverlay={true} showDimOverlay={true}
@@ -91,10 +89,10 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Award, icon: Award,
label: "Years of Excellence", value: "20+"}, label: "Years of Excellence", value: "20+"}, /* Kept as is, as the detailed 'more than' goes in the achievements section. */
{ {
icon: Building, icon: Building,
label: "Projects Completed", value: "150+"}, label: "Projects Completed", value: "150+"}, /* Kept as is, as the detailed 'more than' goes in the achievements section. */
{ {
icon: Star, icon: Star,
label: "Client Satisfaction", value: "98%"}, label: "Client Satisfaction", value: "98%"},
@@ -155,10 +153,10 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", value: "25+", title: "Years in Business", description: "Decades of experience delivering exceptional design and build solutions.", icon: Award, id: "m1", value: "more than 20 years", title: "Years in Business", description: "Decades of experience delivering exceptional design and build solutions.", icon: Award,
}, },
{ {
id: "m2", value: "150+", title: "Successful Projects", description: "A diverse portfolio of residential and commercial masterpieces delivered.", icon: Building, id: "m2", value: "more than 300+", title: "Successful Projects Done", description: "A diverse portfolio of residential and commercial masterpieces delivered.", icon: Building,
}, },
{ {
id: "m3", value: "98%", title: "Client Satisfaction", description: "Our commitment to client happiness is reflected in our outstanding feedback.", icon: Briefcase, id: "m3", value: "98%", title: "Client Satisfaction", description: "Our commitment to client happiness is reflected in our outstanding feedback.", icon: Briefcase,
@@ -169,27 +167,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
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"},
{
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"},
{
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"},
{
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"},
{
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"},
]}
title="What Our Clients Say"
description="Hear directly from those who've experienced the Ancer Construction difference and seen their visions brought to life."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
@@ -198,7 +176,7 @@ export default function LandingPage() {
{ {
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."}, 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."},
{ {
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."}, 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."}, /* Kept this as it directly answers an FAQ */
{ {
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."}, 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."},
{ {
@@ -210,17 +188,31 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="questions" data-section="questions">
<ContactCenter
tag="Have Questions?"
title="We're Here to Help"
description="Reach out to us directly with your inquiries. Our team is ready to provide personalized assistance for your construction and design needs. We proudly serve Arizona and Las Vegas."
background={{ variant: "plain" }}
useInvertedBackground={true}
inputPlaceholder="Your Email"
buttonText="Send Question"
termsText="By sending your question, you agree to our privacy policy."
onSubmit={(email) => console.log(`Question sent from: ${email}`)}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<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. Call us at +1 (555) 123-4567 or send a message."
buttons={[ buttons={[
{ {
text: "Get a Free Consultation", href: "#"}, text: "Get a Free Consultation", href: "tel:+15551234567"},
{ {
text: "Contact Our Team", href: "#"}, text: "Contact Our Team", href: "#questions"},
]} ]}
/> />
</div> </div>
@@ -263,15 +255,17 @@ export default function LandingPage() {
title: "Support", items: [ title: "Support", items: [
{ {
label: "FAQ", href: "#faq"}, label: "FAQ", href: "#faq"},
{
label: "Ask a Question", href: "#questions"},
{ {
label: "Contact Us", href: "#contact"}, label: "Contact Us", href: "#contact"},
], ],
}, },
]} ]}
copyrightText="© 2024 Ancer Construction LLC. All rights reserved. Proudly serving Arizona." copyrightText="© 2024 Ancer Construction LLC. All rights reserved. Proudly serving Arizona and Las Vegas."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }