bender/d49016a7-ea2a-4e89-b4b4-d3cb27213e77
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-04-07 05:10:17 +00:00
Conversation 0 Commits 2 Files Changed 2 +43 -106
2 changed files with 43 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/app/page.tsx
View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Facebook, Instagram, Shield, Twitter, Zap } from "lucide-react";
export default function LandingPage() {
@@ -29,16 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "features"},
{
name: "Reviews", id: "testimonials"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Avalanche"
/>
@@ -48,23 +43,11 @@ export default function LandingPage() {
<HeroCarouselLogo
logoText="Avalanche Roofing"
description="Avalanche Roofing Service combines premium craftsmanship with customer-first service. Every roof is built to protect what matters most."
buttons={[
{
text: "Schedule Your Inspection", href: "#contact"},
]}
buttons={[{ text: "Schedule Your Inspection", href: "#contact" }]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=1", imageAlt: "Luxury home roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=1", imageAlt: "Roofing crew at work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1", imageAlt: "Shingle texture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1", imageAlt: "Modern home exterior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg?_wi=1", imageAlt: "New roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg?_wi=1", imageAlt: "Craftsmanship detail"},
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=1", imageAlt: "Luxury home roof" },
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=1", imageAlt: "Roofing crew at work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1", imageAlt: "Shingle texture" },
]}
/>
</div>
@@ -75,12 +58,9 @@ export default function LandingPage() {
title="Generations of Excellence"
description="We treat your home like our own. With old-fashioned values like hard work, honesty, and integrity, we provide roofing solutions that stand the test of time."
metrics={[
{
value: "100%", title: "Satisfaction Guaranteed"},
{
value: "24h", title: "Rapid Quote Response"},
{
value: "24+", title: "Years Experience"},
{ value: "100%", title: "Satisfaction Guaranteed" },
{ value: "24h", title: "Rapid Quote Response" },
{ value: "24+", title: "Years Experience" },
]}
imageSrc="http://img.b2bpic.net/free-photo/confident-architect-smiling_107420-74348.jpg"
imageAlt="Our professional team"
@@ -95,33 +75,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Full Roof Replacement", description: "Complete removal and installation of durable, high-end roofing systems.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=2"},
],
},
{
title: "Expert Repair Services", description: "Fast, honest evaluation and repair of leaks and storm damage.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2"},
],
},
{
title: "Gutter Installations", description: "Seamless rain gutter systems engineered for maximum protection.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg?_wi=2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg?_wi=2"},
],
},
{ title: "Full Roof Replacement", description: "Complete removal and installation of durable, high-end roofing systems.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg?_wi=2" }] },
{ title: "Expert Repair Services", description: "Fast, honest evaluation and repair of leaks and storm damage.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2" }] },
]}
title="Our Professional Services"
description="Providing high-end residential roofing solutions tailored to your unique property needs."
@@ -129,57 +84,39 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Outstanding Work", quote: "Alex and his team were great to work with. I've used them on several projects... Alex was quick, provided a fair bid, and completed work on time.", name: "Alex R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg"},
{
id: "2", title: "Honesty & Integrity", quote: "Mario, Alex and Richard Martinez have old fashioned values like HARD WORK, HONESTY and INTEGRITY.", name: "Ken P.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg"},
{
id: "3", title: "Professional & Fast", quote: "Alex and Mario did an outstanding job on my roof. They were quick to schedule and had a new roof on within just 2 days. Would highly recommend.", name: "Greg Gardner", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/surprise-cute-girl-coming-out-cardboard-box_259150-57055.jpg"},
{
id: "4", title: "So Happy!", quote: "Alex was wonderful to work with... His crew showed up on time, finished on time and the clean up was exceptional. We are so happy with our new roof!", name: "Eileen Walker", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
{
id: "5", title: "Highly Recommended", quote: "Avalanche Roofing was highly recommended to us... We are 100% satisfied with our roof and rain gutters.", name: "Leigh O'Leary", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg"},
]}
<TestimonialCardTwo
title="Voices of Trust"
description="Trusted by hundreds of homeowners in the Salt Lake City area for our honesty, efficiency, and exceptional craftsmanship."
description="Trusted by hundreds of homeowners for our craftsmanship."
textboxLayout="default"
animationType="slide-up"
testimonials={[
{ id: "1", name: "Alex R.", role: "Homeowner", testimonial: "Alex and his team were great to work with. Quick, fair, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
{ id: "2", name: "Ken P.", role: "Homeowner", testimonial: "Hard work, honesty and integrity. Exceptional experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactCTA
tag="Get In Touch"
title="Ready to Protect Your Investment?"
description="Get a fair, honest estimate from the roofing experts at Avalanche today."
buttons={[{ text: "Request Inspection", href: "#" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
background={{
variant: "canvas-reveal"}}
text="Ready to protect your most valuable investment? Contact the team at Avalanche Roofing today for your expert inspection and fair, honest estimate."
buttons={[
{
text: "Schedule Your Inspection Now"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
<FooterBaseCard
logoText="Avalanche Roofing"
copyrightText="© 2025 Avalanche Roofing Service"
socialLinks={[
{
icon: Facebook,
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#", ariaLabel: "Twitter"},
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Roofing", href: "#features" }, { label: "Repairs", href: "#features" }] }
]}
/>
</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: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #ffdf7d;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);