bender/b6678f50-eb2e-49c9-8a63-7b2605b24838
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-03-25 18:06:13 +00:00
parent f700baca9f 33fad2804a
commit a48641ad1a
2 changed files with 74 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/app/page.tsx
View File

@@ -33,34 +33,22 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
name: "Home", id: "home",
},
{
name: "Services",
id: "services",
name: "Services", id: "services",
},
{
name: "Gallery",
id: "gallery",
name: "Gallery", id: "gallery",
},
{
name: "About",
id: "about",
name: "About", id: "about",
},
{
name: "Contact",
id: "contact",
name: "Contact", id: "contact",
},
{
name: "Partner",
id: "partner",
name: "Partner", id: "partner",
},
]}
brandName="Nayib Doors Service INC."
@@ -73,13 +61,9 @@ export default function LandingPage() {
description="Your trusted partner for expert interior, exterior, and trim installation. Quality craftsmanship for homeowners, builders, and contractors."
buttons={[
{
text: "Get a Free Quote",
href: "/contact",
},
text: "Get a Free Quote", href: "/contact"},
{
text: "View Services",
href: "/services",
},
text: "View Services", href: "/services"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg"
@@ -109,26 +93,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "interior-door",
title: "Interior Door Installation",
description: "Flawless installation of all types of interior doors, enhancing your home's aesthetic and functionality.",
imageSrc: "http://img.b2bpic.net/free-photo/joiner-polishes-wooden-board-workshop_1163-3113.jpg?_wi=1",
imageAlt: "Interior door installation in a modern home",
},
id: "interior-door", title: "Interior Door Installation", description: "Flawless installation of all types of interior doors, enhancing your home's aesthetic and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/joiner-polishes-wooden-board-workshop_1163-3113.jpg?_wi=1", imageAlt: "Interior door installation in a modern home"},
{
id: "exterior-door",
title: "Exterior Door Installation",
description: "Secure and stylish exterior door installations, ensuring energy efficiency and curb appeal.",
imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-drinks-coffe-lady-by-window_1157-44589.jpg?_wi=1",
imageAlt: "Exterior door installation on a new house",
},
id: "exterior-door", title: "Exterior Door Installation", description: "Secure and stylish exterior door installations, ensuring energy efficiency and curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-drinks-coffe-lady-by-window_1157-44589.jpg?_wi=1", imageAlt: "Exterior door installation on a new house"},
{
id: "trim-installation",
title: "Trim Installation",
description: "Precision trim work, including baseboards, casings, and crown molding, for a refined finish.",
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg?_wi=1",
imageAlt: "Trim installation for baseboards and finish carpentry",
},
id: "trim-installation", title: "Trim Installation", description: "Precision trim work, including baseboards, casings, and crown molding, for a refined finish.", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg?_wi=1", imageAlt: "Trim installation for baseboards and finish carpentry"},
]}
title="Our Expert Services"
description="Nayib Doors Service INC. specializes in a comprehensive range of door and trim installation services for diverse projects."
@@ -143,44 +112,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner",
company: "Residential Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-balcony_23-2147992144.jpg",
imageAlt: "Satisfied homeowner smiling professionally",
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Residential Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-balcony_23-2147992144.jpg", imageAlt: "Satisfied homeowner smiling professionally",
},
{
id: "2",
name: "Michael Chen",
role: "Project Manager",
company: "Alpha Builders",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg",
imageAlt: "Project manager on a construction site smiling",
id: "2", name: "Michael Chen", role: "Project Manager", company: "Alpha Builders", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg", imageAlt: "Project manager on a construction site smiling",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Interior Designer",
company: "Design Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
imageAlt: "Architect reviewing blueprints happily",
id: "3", name: "Emily Rodriguez", role: "Interior Designer", company: "Design Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", imageAlt: "Architect reviewing blueprints happily",
},
{
id: "4",
name: "David Kim",
role: "General Contractor",
company: "Elite Construction",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg",
imageAlt: "Homeowner standing in front of a newly installed door",
id: "4", name: "David Kim", role: "General Contractor", company: "Elite Construction", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg", imageAlt: "Homeowner standing in front of a newly installed door",
},
]}
title="What Our Clients Say"
@@ -195,34 +140,20 @@ export default function LandingPage() {
description="Get a free, no-obligation quote today for your door or trim installation needs. We're here to help!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: false,
},
{
name: "projectType",
type: "text",
placeholder: "Project Type (e.g., Interior Doors, Trim)",
required: true,
name: "projectType", type: "text", placeholder: "Project Type (e.g., Interior Doors, Trim)", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 4,
name: "message", placeholder: "Tell us about your project...", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/african-man-black-suit-old-engineer-with-boss-young-guy-with-senior-man-writing-board_1157-48541.jpg?_wi=1"
@@ -241,26 +172,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "interior-door",
title: "Interior Door Installation",
description: "Flawless installation of all types of interior doors, enhancing your home's aesthetic and functionality.",
imageSrc: "http://img.b2bpic.net/free-photo/joiner-polishes-wooden-board-workshop_1163-3113.jpg?_wi=2",
imageAlt: "Interior door installation in a modern home",
},
id: "interior-door", title: "Interior Door Installation", description: "Flawless installation of all types of interior doors, enhancing your home's aesthetic and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/joiner-polishes-wooden-board-workshop_1163-3113.jpg?_wi=2", imageAlt: "Interior door installation in a modern home"},
{
id: "exterior-door",
title: "Exterior Door Installation",
description: "Secure and stylish exterior door installations, ensuring energy efficiency and curb appeal.",
imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-drinks-coffe-lady-by-window_1157-44589.jpg?_wi=2",
imageAlt: "Exterior door installation on a new house",
},
id: "exterior-door", title: "Exterior Door Installation", description: "Secure and stylish exterior door installations, ensuring energy efficiency and curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-drinks-coffe-lady-by-window_1157-44589.jpg?_wi=2", imageAlt: "Exterior door installation on a new house"},
{
id: "trim-installation",
title: "Trim Installation",
description: "Precision trim work, including baseboards, casings, and crown molding, for a refined finish.",
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg?_wi=2",
imageAlt: "Trim installation for baseboards and finish carpentry",
},
id: "trim-installation", title: "Trim Installation", description: "Precision trim work, including baseboards, casings, and crown molding, for a refined finish.", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg?_wi=2", imageAlt: "Trim installation for baseboards and finish carpentry"},
]}
title="Our Expert Services"
description="Nayib Doors Service INC. specializes in a comprehensive range of door and trim installation services for diverse projects."
@@ -276,47 +192,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "proj-1",
name: "Residential Interior Doors",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378912.jpg",
imageAlt: "Residential interior door project, modern white door",
},
id: "proj-1", name: "Residential Interior Doors", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378912.jpg", imageAlt: "Residential interior door project, modern white door"},
{
id: "proj-2",
name: "Modern Exterior Entry",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-residential-door-city_23-2148798696.jpg",
imageAlt: "Modern exterior door installation on a home, sleek design",
},
id: "proj-2", name: "Modern Exterior Entry", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-residential-door-city_23-2148798696.jpg", imageAlt: "Modern exterior door installation on a home, sleek design"},
{
id: "proj-3",
name: "Custom Trim & Millwork",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hits-wood_329181-15616.jpg",
imageAlt: "Custom trim work highlighting detailed carpentry",
},
id: "proj-3", name: "Custom Trim & Millwork", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hits-wood_329181-15616.jpg", imageAlt: "Custom trim work highlighting detailed carpentry"},
{
id: "proj-4",
name: "Grand Entryway Installation",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/modern-decorative-door-geometric-design-pastel-urban-facade_169016-68164.jpg",
imageAlt: "Grand entryway door installation, luxury design",
},
id: "proj-4", name: "Grand Entryway Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/modern-decorative-door-geometric-design-pastel-urban-facade_169016-68164.jpg", imageAlt: "Grand entryway door installation, luxury design"},
{
id: "proj-5",
name: "Elegant French Doors",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447188.jpg",
imageAlt: "Elegant French doors in an interior setting",
},
id: "proj-5", name: "Elegant French Doors", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447188.jpg", imageAlt: "Elegant French doors in an interior setting"},
{
id: "proj-6",
name: "Sleek Modern Door Solutions",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/green-doors-with-amber-glass-pastel-facade-geometric-city-entrance_169016-71017.jpg",
imageAlt: "Sleek modern doors with minimalist interior design",
},
id: "proj-6", name: "Sleek Modern Door Solutions", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/green-doors-with-amber-glass-pastel-facade-geometric-city-entrance_169016-71017.jpg", imageAlt: "Sleek modern doors with minimalist interior design"},
]}
title="Our Portfolio of Completed Projects"
description="Showcasing the quality and precision of Nayib Doors Service INC. through a selection of our finest interior, exterior, and trim installations."
@@ -344,34 +230,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10+",
title: "Years of Experience",
items: [
"Over a decade of industry expertise",
"Mastering diverse installation techniques",
"Continuously adapting to new styles",
],
id: "m1", value: "10+", title: "Years of Experience", items: [
"Over a decade of industry expertise", "Mastering diverse installation techniques", "Continuously adapting to new styles"],
},
{
id: "m2",
value: "500+",
title: "Projects Completed",
items: [
"Successful residential installations",
"Seamless subcontractor collaborations",
"Diverse project portfolio",
],
id: "m2", value: "500+", title: "Projects Completed", items: [
"Successful residential installations", "Seamless subcontractor collaborations", "Diverse project portfolio"],
},
{
id: "m3",
value: "99%",
title: "Client Satisfaction",
items: [
"Dedicated to exceeding expectations",
"Building long-term client relationships",
"Exceptional feedback and referrals",
],
id: "m3", value: "99%", title: "Client Satisfaction", items: [
"Dedicated to exceeding expectations", "Building long-term client relationships", "Exceptional feedback and referrals"],
},
]}
title="Our Impact & Expertise"
@@ -382,45 +250,31 @@ export default function LandingPage() {
<div id="contact-page" data-section="contact-page">
<ContactSplitForm
useInvertedBackground={false}
title="Ready for Your Next Project?"
description="Get a free, no-obligation quote today for your door or trim installation needs. We're here to help!"
title="Need a Hand with Your Project?"
description="Whether it's a minor repair or a major installation, our handyman services are here to help. Get a free quote today!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: false,
},
{
name: "projectType",
type: "text",
placeholder: "Project Type (e.g., Interior Doors, Trim)",
required: true,
name: "serviceNeeded", type: "text", placeholder: "Service Needed (e.g., Door Repair, Trim Work)", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 4,
name: "details", placeholder: "Tell us more about your project...", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/african-man-black-suit-old-engineer-with-boss-young-guy-with-senior-man-writing-board_1157-48541.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/handyman-tool-kit-repairman-hand-holds-red-wrench-equipment-set_1150-13725.jpg?_wi=3"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request a Quote"
imageAlt="Construction site blueprints client meeting for a quote"
buttonText="Schedule Service"
imageAlt="Handyman tool kit with a repairman holding a red wrench"
/>
</div>
@@ -429,14 +283,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Leading Builders",
"General Contractors",
"Development Firms",
"Renovation Specialists",
"Construction Partners",
"Residential Developers",
"Commercial Contractors",
]}
"Leading Builders", "General Contractors", "Development Firms", "Renovation Specialists", "Construction Partners", "Residential Developers", "Commercial Contractors"]}
title="Partner with Nayib Doors Service INC."
description="We are actively seeking partnerships with reputable builders, general contractors, and construction companies. Leverage our expertise for seamless door and trim installations on your next project, ensuring quality and efficiency."
showCard={true}
@@ -445,61 +292,42 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Nayib Doors Service INC."
logoText="Handyman Solutions"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "#about-page"},
{
label: "Services",
href: "/services",
},
label: "Services", href: "#services-page"},
{
label: "Gallery",
href: "/gallery",
},
label: "Gallery", href: "#gallery-page"},
],
},
{
title: "Connect",
items: [
title: "Services", items: [
{
label: "Contact Us",
href: "/contact",
},
label: "Door Installation", href: "#services-page"},
{
label: "Partner with Us",
href: "/partner",
},
label: "Trim Work", href: "#services-page"},
{
label: "Get a Quote",
href: "/contact",
},
label: "Repairs", href: "#contact-page"},
{
label: "Estimates", href: "#contact-page"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
copyrightText="© 2024 Nayib Doors Service INC. All rights reserved."
copyrightText="© 2024 Handyman Solutions. All rights reserved."
/>
</div>
</ReactLenis>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4f0;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--primary-cta-text: #f5f4f0;
--secondary-cta: #f5f4f0;
--secondary-cta-text: #1a1a1a;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
--foreground: #1c1c1c;
--primary-cta: #1f3251;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);