bender/8f34974c-bed1-433e-a60e-745dae46d4bc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-05 12:48:16 +00:00
Conversation 0 Commits 1 Files Changed 1 +109 -96
1 changed files with 109 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
src/app/page.tsx
View File

@@ -6,10 +6,13 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBase from "@/components/sections/footer/FooterBase";
import { CheckCircle, Wrench, Calendar, Clock, DollarSign, ThumbsUp, Award } from "lucide-react";
import { CheckCircle, Wrench, Calendar, Clock, DollarSign, ThumbsUp, Award, Hammer, ChefHat, Droplet, Home, ImageIcon, Star } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -22,8 +25,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Roof Installation & Replacement", href: "/services" },
{ label: "Kitchen Remodeling", href: "/services" },
{ label: "Bathroom Renovation", href: "/services" },
@@ -31,8 +33,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Contact Us", href: "/contact" },
@@ -40,8 +41,7 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Call Us Today", href: "#" },
{ label: "Get Free Estimate", href: "/contact" },
{ label: "Email Us", href: "#" },
@@ -57,7 +57,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
@@ -66,7 +66,7 @@ export default function HomePage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={{ text: "Get Free Estimate", href: "/contact" }}
button={{ text: "Get Free Estimate", href: "contact" }}
brandName="REMOLD AND BUILD USA"
/>
</div>
@@ -75,7 +75,7 @@ export default function HomePage() {
<HeroSplitKpi
title="Professional Roofing & Remodeling Contractors You Can Trust"
description="Transform your home with REMOLD AND BUILD USA—expert roofing, kitchen remodels, bathroom renovations, and full home improvements completed on time at fair pricing. Trusted by South Florida homeowners with a 50+ Google rating."
background={{ variant: "floatingGradient" }}
background={{ variant: "plain" }}
kpis={[
{ value: "50+", label: "Google Rating" },
{ value: "10+ Years", label: "Experience" },
@@ -86,8 +86,8 @@ export default function HomePage() {
tagIcon={CheckCircle}
tagAnimation="slide-up"
buttons={[
{ text: "Call Now", href: "/contact" },
{ text: "Get Free Estimate", href: "/contact" },
{ text: "Call Now", href: "contact" },
{ text: "Get Free Estimate", href: "contact" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/vertical-high-angle-shot-cafe-rooftop-light-blue-building_181624-4888.jpg"
@@ -106,63 +106,39 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Roof Installation & Replacement",
description: "High-quality residential roofing with premium materials and professional installation ensuring long-lasting protection.",
icon: CheckCircle,
title: "Roof Installation & Replacement", description: "High-quality residential roofing with premium materials and professional installation ensuring long-lasting protection.", icon: Hammer,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1",
imageAlt: "Roof installation project",
},
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Roof installation project"},
{
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg?_wi=1",
imageAlt: "Roof repair work",
},
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Roof repair work"},
],
},
{
title: "Kitchen Remodeling",
description: "Modern kitchen transformations with updated layouts, countertops, cabinetry, and appliances that increase home value.",
icon: Wrench,
title: "Kitchen Remodeling", description: "Modern kitchen transformations with updated layouts, countertops, cabinetry, and appliances that increase home value.", icon: ChefHat,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=1",
imageAlt: "Modern kitchen renovation",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", imageAlt: "Modern kitchen renovation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg?_wi=1",
imageAlt: "Kitchen transformation",
},
imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg", imageAlt: "Kitchen transformation"},
],
},
{
title: "Bathroom Renovation",
description: "Luxurious bathroom upgrades with contemporary fixtures, tile work, and spa-like amenities for the perfect retreat.",
icon: CheckCircle,
title: "Bathroom Renovation", description: "Luxurious bathroom upgrades with contemporary fixtures, tile work, and spa-like amenities for the perfect retreat.", icon: Droplet,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=1",
imageAlt: "Luxury bathroom renovation",
},
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg", imageAlt: "Luxury bathroom renovation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg?_wi=1",
imageAlt: "Bathroom remodel project",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg", imageAlt: "Bathroom remodel project"},
],
},
{
title: "Full Home Renovation",
description: "Complete home improvements from design to completion, coordinating all trades for seamless integrated results.",
icon: Wrench,
title: "Full Home Renovation", description: "Complete home improvements from design to completion, coordinating all trades for seamless integrated results.", icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg?_wi=2",
imageAlt: "Full home renovation",
},
imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg", imageAlt: "Full home renovation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2",
imageAlt: "Home exterior work",
},
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Home exterior work"},
],
},
]}
@@ -179,31 +155,23 @@ export default function HomePage() {
title="Why Choose REMOLD AND BUILD USA"
description="We are South Florida's most trusted roofing and remodeling contractor, dedicated to transforming homes with expert craftsmanship, transparent pricing, and exceptional customer service."
tag="About Our Company"
tagIcon={CheckCircle}
tagIcon={Star}
tagAnimation="slide-up"
bulletPoints={[
{
title: "10+ Years of Experience",
description: "Serving Miami, Broward, and Palm Beach counties with proven expertise in roofing and remodeling projects.",
icon: Calendar,
title: "10+ Years of Experience", description: "Serving Miami, Broward, and Palm Beach counties with proven expertise in roofing and remodeling projects.", icon: Calendar,
},
{
title: "On-Time Delivery",
description: "We respect your time and complete every project on schedule while maintaining exceptional quality standards.",
icon: Clock,
title: "On-Time Delivery", description: "We respect your time and complete every project on schedule while maintaining exceptional quality standards.", icon: Clock,
},
{
title: "Transparent Pricing",
description: "No hidden fees. Clear, detailed estimates and honest communication throughout your entire project.",
icon: DollarSign,
title: "Transparent Pricing", description: "No hidden fees. Clear, detailed estimates and honest communication throughout your entire project.", icon: DollarSign,
},
{
title: "Customer Satisfaction",
description: "50+ Google rating and hundreds of satisfied homeowners. We stand behind our work with comprehensive warranties.",
icon: ThumbsUp,
title: "Customer Satisfaction", description: "50+ Google rating and hundreds of satisfied homeowners. We stand behind our work with comprehensive warranties.", icon: ThumbsUp,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
imageAlt="Professional roofing and remodeling team"
mediaAnimation="slide-up"
imagePosition="right"
@@ -214,6 +182,32 @@ export default function HomePage() {
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne
title="Project Portfolio"
description="Before and after transformations showcasing our professional craftsmanship and attention to detail"
tag="Completed Projects"
tagIcon={ImageIcon}
tagAnimation="slide-up"
products={[
{
id: "1", name: "Complete Roof Replacement", price: "Miami Beach", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Roof replacement project"},
{
id: "2", name: "Kitchen Remodel Transformation", price: "Coral Gables", imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg", imageAlt: "Kitchen renovation before and after"},
{
id: "3", name: "Luxury Bathroom Upgrade", price: "Fort Lauderdale", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg", imageAlt: "Bathroom remodel project"},
{
id: "4", name: "Home Exterior Restoration", price: "Broward County", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Home exterior renovation"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View Full Portfolio", href: "/portfolio" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="REMOLD AND BUILD USA transformed our home beyond our expectations. The team was professional, punctual, and the quality of their work is outstanding. We highly recommend them to anyone looking for trusted roofing and remodeling services in South Florida."
@@ -221,29 +215,17 @@ export default function HomePage() {
author="Michael Johnson, Miami Homeowner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -259,23 +241,9 @@ export default function HomePage() {
tagIcon={Award}
tagAnimation="slide-up"
names={[
"Google",
"Angie's List",
"Yelp",
"Better Business Bureau",
"Home Advisor",
"Thumbtack",
"Homeowners Choice Insurance",
]}
"Google", "Angie's List", "Yelp", "Better Business Bureau", "Home Advisor", "Thumbtack", "Homeowners Choice Insurance"]}
logos={[
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148058468.jpg",
"http://img.b2bpic.net/free-vector/rate-remark-us-business-background-client-feedback-opinion-matter_1017-60953.jpg",
"http://img.b2bpic.net/free-psd/retro-party-youtube-cover_23-2150156982.jpg",
"http://img.b2bpic.net/free-vector/beta-brand-logo_1071-63.jpg",
"http://img.b2bpic.net/free-vector/open-house-blue-label_23-2148466776.jpg",
"http://img.b2bpic.net/free-vector/pin-shield-modern-logo_530521-1449.jpg",
"http://img.b2bpic.net/free-vector/logo-template-design_1289-97.jpg",
]}
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148058468.jpg", "http://img.b2bpic.net/free-vector/rate-remark-us-business-background-client-feedback-opinion-matter_1017-60953.jpg", "http://img.b2bpic.net/free-psd/retro-party-youtube-cover_23-2150156982.jpg", "http://img.b2bpic.net/free-vector/beta-brand-logo_1071-63.jpg", "http://img.b2bpic.net/free-vector/open-house-blue-label_23-2148466776.jpg", "http://img.b2bpic.net/free-vector/pin-shield-modern-logo_530521-1449.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-97.jpg"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -283,6 +251,51 @@ export default function HomePage() {
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Common Questions"
sideDescription="Find answers to frequently asked questions about our roofing and remodeling services"
faqs={[
{
id: "1", title: "How long does a typical roof replacement take?", content: "Most roof replacements take 2-5 days depending on the size and complexity of your home. We work efficiently while maintaining the highest quality standards. We'll provide a specific timeline during your free estimate."},
{
id: "2", title: "What areas of South Florida do you serve?", content: "We proudly serve Miami, Miami Beach, Coral Gables, Fort Lauderdale, Broward County, and Palm Beach County. Contact us to discuss your project location and we'll confirm service availability."},
{
id: "3", title: "Do you offer warranties on your work?", content: "Yes! We provide comprehensive warranties on all roofing and remodeling projects. Details vary by service type, and we'll explain all warranty coverage during your consultation."},
{
id: "4", title: "How do I get a free estimate?", content: "Call us or use our online contact form to schedule your free consultation. Our team will assess your project, discuss your needs, and provide a detailed, transparent estimate with no hidden fees."},
{
id: "5", title: "What should I expect during a kitchen remodel?", content: "We handle everything from design and planning to installation and finishing. We'll minimize disruptions, keep you updated throughout, and ensure your kitchen is beautiful and functional when we're done."},
{
id: "6", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured. We maintain all required certifications and memberships to serve as a trusted contractor in South Florida."},
]}
faqsAnimation="slide-up"
textPosition="left"
useInvertedBackground={false}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get Your Free Estimate Today"
description="Contact REMOLD AND BUILD USA to discuss your roofing or remodeling project. Our team is ready to help you transform your home."
inputs={[
{ name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
{ name: "projectType", type: "text", placeholder: "Project Type (Roofing, Kitchen, Bathroom, etc.)", required: true },
]}
textarea={{ name: "message", placeholder: "Describe your project and any specific requirements...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
imageAlt="Professional team ready to help"
mediaAnimation="opacity"
mediaPosition="right"
buttonText="Request Free Estimate"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={footerColumns}