bender/3f876073-8aba-461f-93c3-2c63c4359c3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-28 21:56:10 +00:00
Conversation 0 Commits 2 Files Changed 2 +50 -279
2 changed files with 50 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -22,31 +22,19 @@ export default function LandingPage() {
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "about",
},
{
name: "Projects",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Projects", id: "features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="West Bend Construction"
/>
@@ -54,101 +42,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Crafting Architectural Excellence."
description="West Bend Construction brings over 30 years of expertise to high-end residential and commercial projects. Experience the intersection of luxury design and structural integrity."
testimonials={[
{
name: "James R.",
handle: "@Client",
testimonial: "The best construction firm in the region. Exceeded every expectation on our home remodel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
},
{
name: "Sarah M.",
handle: "@Client",
testimonial: "Unmatched craftsmanship and attention to detail. A truly professional team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
},
{
name: "Robert P.",
handle: "@Client",
testimonial: "Responsive, clear, and delivered a project of exceptional quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg",
},
{
name: "Linda G.",
handle: "@Client",
testimonial: "Transformed our property beyond what we imagined. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-safety-equipment_23-2148242954.jpg",
},
{
name: "Mark D.",
handle: "@Client",
testimonial: "Smooth, professional process from design through completion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-dancing-together_23-2149643032.jpg",
},
]}
buttons={[
{
text: "Start Your Project",
href: "#contact",
},
]}
testimonials={[]}
buttons={[{ text: "Inquire Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004785.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896890.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162826.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004762.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg",
alt: "Client profile 5",
},
]}
avatarText="Trusted by 500+ satisfied clients"
marqueeItems={[
{
type: "text",
text: "Architectural Design",
},
{
type: "text",
text: "Sustainable Building",
},
{
type: "text",
text: "Project Management",
},
{
type: "text",
text: "Interior Finishing",
},
{
type: "text",
text: "Structural Integrity",
},
]}
/>
</div>
@@ -156,24 +56,14 @@ export default function LandingPage() {
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Legacy of Quality"
description="At West Bend, we don't just build structures; we create environments that inspire. Our team is dedicated to precision, transparency, and the pursuit of architectural perfection in every detail."
description={["At West Bend, we don't just build structures; we create environments that inspire.", "Our team is dedicated to precision, transparency, and the pursuit of architectural perfection in every detail."]}
metrics={[
{
value: "30+",
title: "Years Experience",
},
{
value: "500+",
title: "Projects Completed",
},
{
value: "100%",
title: "Client Satisfaction",
},
{ value: "30+", title: "Years Experience" },
{ value: "500+", title: "Projects Completed" },
{ value: "100%", title: "Client Satisfaction" },
]}
imageSrc="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"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
@@ -182,27 +72,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
tag: "Residential",
title: "Custom Home Builds",
subtitle: "Luxury living, crafted.",
description: "Bespoke custom homes tailored to your lifestyle and aesthetic requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg",
},
{
tag: "Architectural",
title: "Facilitated Renovation",
subtitle: "Modernizing legacy.",
description: "Transforming historic or outdated spaces into modern masterpieces.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-architects-working-with-drawings-using-gadgets_1262-18412.jpg",
},
{
tag: "Commercial",
title: "Sustainable Development",
subtitle: "Eco-friendly design.",
description: "High-efficiency commercial building that maximizes style and performance.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797688.jpg",
},
{ tag: "Residential", title: "Custom Home Builds", subtitle: "Luxury living, crafted.", description: "Bespoke custom homes tailored to your lifestyle and aesthetic requirements." },
{ tag: "Architectural", title: "Renovations", subtitle: "Modernizing legacy.", description: "Transforming historic or outdated spaces into modern masterpieces." },
{ tag: "Commercial", title: "Development", subtitle: "Sustainable design.", description: "High-efficiency commercial building that maximizes style and performance." },
]}
title="Our Specialized Services"
description="Tailored construction solutions that meet the highest standards of luxury and durability."
@@ -215,23 +87,10 @@ export default function LandingPage() {
title="Our Impact"
tag="Trusted By Many"
metrics={[
{
id: "m1",
value: "98%",
description: "On-time Delivery Rate",
},
{
id: "m2",
value: "50+",
description: "Expert Craftsmen on Staff",
},
{
id: "m3",
value: "15+",
description: "Design Awards Won",
},
{ id: "m1", value: "98%", description: "On-time Delivery Rate" },
{ id: "m2", value: "50+", description: "Expert Craftsmen" },
{ id: "m3", value: "15+", description: "Design Awards" },
]}
metricsAnimation="slide-up"
/>
</div>
@@ -240,45 +99,9 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah",
role: "Homeowner",
testimonial: "West Bend made the process seamless and stress-free. Could not be happier.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
},
{
id: "t2",
name: "David",
role: "Architect",
testimonial: "Their attention to the blueprint and material quality is unparalleled.",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg",
},
{
id: "t3",
name: "Elena",
role: "Developer",
testimonial: "Professional, punctual, and highly skilled in every phase of build.",
imageSrc: "http://img.b2bpic.net/free-photo/blissful-tanned-woman-pajama-waving-hand-with-smile-amazing-caucasian-female-model-standing-balcony_197531-20975.jpg",
},
{
id: "t4",
name: "Marcus",
role: "Homeowner",
testimonial: "West Bend redefined what quality construction means to our family.",
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205440.jpg",
},
{
id: "t5",
name: "Jessica",
role: "Business Owner",
testimonial: "Our commercial space is now a landmark. Thank you West Bend team.",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg",
},
]}
testimonials={[]}
title="What Our Clients Say"
description="Honest feedback from homeowners and commercial partners who trusted our vision."
description="Honest feedback from partners who trusted our vision."
/>
</div>
@@ -286,100 +109,48 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"ArchDaily",
"Dwell",
"Architectural Digest",
"Dezeen",
"Forbes",
"The Spruce",
"Construction Weekly",
]}
names={["ArchDaily", "Dwell", "Architectural Digest", "Forbes"]}
title="Recognized Excellence"
description="Featured in leading architecture and design publications."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does a custom build take?",
content: "Depending on complexity, average builds range from 6 to 18 months.",
},
{
id: "f2",
title: "Are estimates free?",
content: "Initial consultations are complimentary; detailed bids follow an architectural feasibility study.",
},
{
id: "f3",
title: "Do you handle permitting?",
content: "Yes, our team manages all permitting and regulatory approvals for your build.",
},
{ id: "f1", title: "Do you specialize in roofing services?", content: "Yes, we provide full-service roof installation and architectural restoration using high-end materials." },
{ id: "f2", title: "What materials are standard for luxury builds?", content: "We source sustainable, high-durability materials including imported slate, steel, and custom-finished wood." },
{ id: "f3", title: "Do you provide site assessments?", content: "We conduct comprehensive site evaluations before beginning any project phase." },
]}
title="Frequently Asked Questions"
description="Get clear answers about our construction process and partnership model."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/female-hand-holding-model-house-blueprint-office_23-2148203982.jpg"
mediaAnimation="blur-reveal"
description="Expertise on your construction and roofing needs."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactSplit
title="Start Your Project"
description="Tell us about your architectural vision, and let our team bring it to life with precision."
background={{ variant: "gradient-bars" }}
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to build your masterpiece? Let's discuss your vision."
buttons={[
{
text: "Email Us Now",
href: "mailto:hello@westbend.construction",
},
]}
tag="Inquire"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterBase
logoText="West Bend"
columns={[
{
title: "Services",
items: [
{
label: "Residential",
href: "#",
},
{
label: "Commercial",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "Our Story",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Custom Homes", href: "#" }, { label: "Roofing & Restoration", href: "#" }] },
{ title: "Company", items: [{ label: "Our Legacy", href: "#" }, { label: "Careers", href: "#" }] },
]}
copyrightText="© 2024 West Bend Construction. All rights reserved."
copyrightText="© 2025 West Bend Luxury Construction."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #fbfbfb;
--card: #f2f2f2;
--foreground: #1a1a1a;
--primary-cta: #1c1c1c;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #e5e5e5;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #c6b180;
--background-accent: #e0d7c0;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);