Merge version_2 into main #2
118
src/app/blog/page.tsx
Normal file
118
src/app/blog/page.tsx
Normal file
@@ -0,0 +1,118 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSignup from "@/components/sections/hero/HeroSignup";
|
||||
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { BookOpen } from "lucide-react";
|
||||
|
||||
export default function BlogPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="USA Remodeling"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Team", id: "/team" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call: 631-957-5400", href: "tel:631-957-5400"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
title="Roofing & Remodeling Blog"
|
||||
description="Expert tips, maintenance guides, and industry insights to help you make informed decisions about your home improvement projects."
|
||||
tag="Expert Advice"
|
||||
tagIcon={BookOpen}
|
||||
background={{ variant: "plain" }}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe to Updates"
|
||||
onSubmit={(email) => console.log("Email:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
title="Latest Articles & Guides"
|
||||
description="Stay informed with our collection of roofing, siding, and home remodeling articles."
|
||||
tag="Blog"
|
||||
tagIcon={BookOpen}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: ["Roof Care", "Maintenance"],
|
||||
title: "Signs Your Roof Needs Repair", excerpt: "Learn how to identify common roof problems early and save thousands on replacement costs with timely repairs.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", date: "15 Jan 2025"},
|
||||
{
|
||||
id: "2", category: ["Siding", "Installation"],
|
||||
title: "Best Siding Options for Long Island Homes", excerpt: "Explore different siding materials and find the perfect option for your home's climate and aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", authorName: "Sarah Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", date: "12 Jan 2025"},
|
||||
{
|
||||
id: "3", category: ["Kitchen", "Remodeling"],
|
||||
title: "Kitchen Remodeling Trends 2025", excerpt: "Discover the latest trends in kitchen design and how to maximize your remodeling budget for the best ROI.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", authorName: "Mike Davis", authorAvatar: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", date: "10 Jan 2025"},
|
||||
{
|
||||
id: "4", category: ["Storm Damage", "Insurance"],
|
||||
title: "Handling Storm Damage Claims", excerpt: "A comprehensive guide to filing insurance claims and getting your home restored after storm damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", authorName: "Emily Wilson", authorAvatar: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", date: "08 Jan 2025"},
|
||||
{
|
||||
id: "5", category: ["Gutters", "Maintenance"],
|
||||
title: "Spring Gutter Maintenance Checklist", excerpt: "Prepare your gutters for spring with this essential maintenance checklist to prevent water damage.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg", authorName: "Robert Brown", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg", date: "05 Jan 2025"},
|
||||
{
|
||||
id: "6", category: ["Home Value", "Investment"],
|
||||
title: "How Roofing Affects Home Value", excerpt: "Understand the impact of roof condition on your home's market value and buyer perception.", imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", authorName: "Jennifer Lee", authorAvatar: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", date: "02 Jan 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Categories", items: [
|
||||
{ label: "Roof Care", href: "#" },
|
||||
{ label: "Siding", href: "#" },
|
||||
{ label: "Kitchen", href: "#" },
|
||||
{ label: "Maintenance", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "📞 631-957-5400", href: "tel:631-957-5400" },
|
||||
{ label: "Get Free Estimate", href: "/" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 USA Remodeling | Blog"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -32,6 +32,9 @@ export default function LandingPage() {
|
||||
{ name: "Why Choose Us", id: "about" },
|
||||
{ name: "Reviews", id: "metrics" },
|
||||
{ name: "Service Areas", id: "contact" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Team", id: "/team" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call: 631-957-5400", href: "tel:631-957-5400"}}
|
||||
|
||||
112
src/app/portfolio/page.tsx
Normal file
112
src/app/portfolio/page.tsx
Normal file
@@ -0,0 +1,112 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSignup from "@/components/sections/hero/HeroSignup";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Briefcase, Home } from "lucide-react";
|
||||
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="USA Remodeling"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Team", id: "/team" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call: 631-957-5400", href: "tel:631-957-5400"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
title="Our Project Portfolio"
|
||||
description="Browse our selection of completed roofing, siding, and remodeling projects throughout Long Island. Each project showcases our commitment to quality craftsmanship."
|
||||
tag="Featured Projects"
|
||||
tagIcon={Briefcase}
|
||||
background={{ variant: "plain" }}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Project Inspiration"
|
||||
onSubmit={(email) => console.log("Email:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardThree
|
||||
title="Completed Roofing & Remodeling Projects"
|
||||
description="Explore our portfolio of successful installations and renovations across Nassau and Suffolk County."
|
||||
tag="Projects"
|
||||
tagIcon={Home}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Complete Roof Replacement - Lindenhurst", description: "Full roof replacement on historic colonial home with architectural shingles and new flashing.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roof replacement project"},
|
||||
{
|
||||
id: "2", title: "Siding & Gutter Installation - Babylon", description: "Energy-efficient vinyl siding with seamless gutter system improves curb appeal and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Siding installation project"},
|
||||
{
|
||||
id: "3", title: "Kitchen Remodeling - West Babylon", description: "Modern kitchen redesign with new cabinets, countertops, and premium appliances.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", imageAlt: "Kitchen remodeling project"},
|
||||
{
|
||||
id: "4", title: "Storm Damage Repair - Amityville", description: "Fast emergency roof repair following storm damage with temporary protection and restoration.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", imageAlt: "Storm damage repair"},
|
||||
{
|
||||
id: "5", title: "Gutter Cleaning & Maintenance - Deer Park", description: "Complete gutter system maintenance and installation preventing water damage and foundation issues.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg", imageAlt: "Gutter installation"},
|
||||
{
|
||||
id: "6", title: "Commercial Roof Installation - Farmingdale", description: "Large-scale commercial roofing project with industrial-grade materials and flat roof installation.", imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", imageAlt: "Commercial roofing project"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas", items: [
|
||||
{ label: "Lindenhurst, NY", href: "#" },
|
||||
{ label: "Babylon, NY", href: "#" },
|
||||
{ label: "West Babylon, NY", href: "#" },
|
||||
{ label: "Farmingdale, NY", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "📞 631-957-5400", href: "tel:631-957-5400" },
|
||||
{ label: "Get Free Estimate", href: "/" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 USA Remodeling | Portfolio"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
130
src/app/team/page.tsx
Normal file
130
src/app/team/page.tsx
Normal file
@@ -0,0 +1,130 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSignup from "@/components/sections/hero/HeroSignup";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Users } from "lucide-react";
|
||||
|
||||
export default function TeamPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="USA Remodeling"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Team", id: "/team" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call: 631-957-5400", href: "tel:631-957-5400"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
title="Meet Our Expert Team"
|
||||
description="Dedicated professionals with decades of combined experience in roofing, siding, and home remodeling. Our team is committed to delivering exceptional craftsmanship on every project."
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
background={{ variant: "plain" }}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Schedule Consultation"
|
||||
onSubmit={(email) => console.log("Email:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Professional Roofing & Remodeling Experts"
|
||||
description="Meet the skilled craftspeople behind USA Remodeling's success and commitment to quality."
|
||||
tag="Team Members"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Michael Torres", role: "Founder & Lead Roofer", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Michael Torres"},
|
||||
{
|
||||
id: "2", name: "David Rodriguez", role: "Senior Installation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "3", name: "Christopher Lee", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Christopher Lee"},
|
||||
{
|
||||
id: "4", name: "James Martinez", role: "Skilled Carpenter", imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", imageAlt: "James Martinez"},
|
||||
{
|
||||
id: "5", name: "Anthony Gutierrez", role: "Siding Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg", imageAlt: "Anthony Gutierrez"},
|
||||
{
|
||||
id: "6", name: "Lisa Chen", role: "Office Manager & Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", imageAlt: "Lisa Chen"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Customers Say"
|
||||
description="Read testimonials from satisfied homeowners who have experienced our professional service firsthand."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Professional Service Exceeded Expectations", quote: "The crew arrived on time, worked efficiently, and completed my entire roof replacement in one day. The quality of work is outstanding and the cleanup was meticulous. I highly recommend USA Remodeling!", name: "Robert Johnson", role: "Homeowner, Lindenhurst", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Robert Johnson"},
|
||||
{
|
||||
id: "2", title: "Fair Pricing and Honest Advice", quote: "I appreciated the transparent pricing and honest assessment of my roof. They didn't push unnecessary upgrades and delivered exactly what they promised. Outstanding value for money!", name: "Patricia Williams", role: "Homeowner, Babylon", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", imageAlt: "Patricia Williams"},
|
||||
{
|
||||
id: "3", title: "Storm Damage Handled with Care", quote: "When a storm damaged my roof, USA Remodeling responded quickly with emergency services. Their team was professional, respectful, and made sure my home was protected immediately.", name: "James Campbell", role: "Homeowner, Amityville", imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", imageAlt: "James Campbell"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Team", href: "/team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Expertise", items: [
|
||||
{ label: "Roofing", href: "/" },
|
||||
{ label: "Siding", href: "/" },
|
||||
{ label: "Remodeling", href: "/" },
|
||||
{ label: "Gutters", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "📞 631-957-5400", href: "tel:631-957-5400" },
|
||||
{ label: "Get Free Estimate", href: "/" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 USA Remodeling | Meet Our Team"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user