Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="RQ Renovations"
|
||||
/>
|
||||
@@ -54,77 +42,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Exceptional Tile & Renovation Craftsmanship"
|
||||
description="At RQ Renovations, we bring precision, reliability, and unmatched attention to detail to every home project. Delivering stunning finishes on time and on budget."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-talking-phone-standing-office-desk_23-2147668760.jpg?_wi=1"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-talking-phone-standing-office-desk_23-2147668760.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-talking-phone-office_23-2147668940.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725257.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2240.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713043.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-talking-phone-office_23-2147668940.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725257.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2240.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713043.jpg", alt: "Client 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clean Workspace",
|
||||
},
|
||||
{ type: "text", text: "Quality Assured" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Certified Experts" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Clean Workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,7 +79,7 @@ export default function LandingPage() {
|
||||
description="Led by Qayoom, our team delivers high-quality tile installation and home renovation work characterized by clean finishes and meticulous tile alignment."
|
||||
subdescription="We treat your home with the care it deserves, ensuring every detail meets our high standards for craftsmanship."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-master-man-laying-ceramic-tiles-wall-bathroom-portrait-experienced-repairman-laying-large-size-porcelain-tilesconstruction-worker-checking-tile-installation-with-laser-level_166373-2067.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-master-man-laying-ceramic-tiles-wall-bathroom-portrait-experienced-repairman-laying-large-size-porcelain-tilesconstruction-worker-checking-tile-installation-with-laser-level_166373-2067.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -148,21 +90,9 @@ export default function LandingPage() {
|
||||
title="Quality by the Numbers"
|
||||
tag="Our Track Record"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24h",
|
||||
description: "Response Time",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Client Referral Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
description: "Hidden Surprises",
|
||||
},
|
||||
{ id: "m1", value: "24h", description: "Response Time" },
|
||||
{ id: "m2", value: "98%", description: "Client Referral Rate" },
|
||||
{ id: "m3", value: "0", description: "Hidden Surprises" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -175,44 +105,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tile Installation",
|
||||
description: "Specializing in large-format 24x48 tiles and precise patterns.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-2077.jpg",
|
||||
},
|
||||
title: "Tile Installation", description: "Specializing in large-format 24x48 tiles and precise patterns.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-2077.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Precise alignment",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Clean finishes",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Precise alignment" },
|
||||
{ icon: CheckCircle, text: "Clean finishes" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-standing-office-desk_23-2147668760.jpg?_wi=2",
|
||||
imageAlt: "professional tile installation work",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Home Renovation",
|
||||
description: "Comprehensive kitchen and bathroom remodeling services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24900.jpg",
|
||||
},
|
||||
title: "Home Renovation", description: "Comprehensive kitchen and bathroom remodeling services.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24900.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "On-time delivery",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Respectful staff",
|
||||
},
|
||||
{ icon: CheckCircle, text: "On-time delivery" },
|
||||
{ icon: CheckCircle, text: "Respectful staff" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-master-man-laying-ceramic-tiles-wall-bathroom-portrait-experienced-repairman-laying-large-size-porcelain-tilesconstruction-worker-checking-tile-installation-with-laser-level_166373-2067.jpg?_wi=2",
|
||||
imageAlt: "professional tile installation work",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -225,46 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Stunning Floors",
|
||||
quote: "Qayoom and his team are true professionals.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-painting-their-new-apartment_329181-9306.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Work",
|
||||
quote: "Their attention to detail is unmatched.",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147451.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect Finish",
|
||||
quote: "Professional, clean, and exact results.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Exceptional Craftsmanship",
|
||||
quote: "We couldn't be happier with results.",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Punctual, organized, and truly skilled.",
|
||||
name: "Rachel Smith",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
|
||||
},
|
||||
{ id: "1", title: "Stunning Floors", quote: "Qayoom and his team are true professionals.", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-painting-their-new-apartment_329181-9306.jpg" },
|
||||
{ id: "2", title: "Great Work", quote: "Their attention to detail is unmatched.", name: "Michael Chen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147451.jpg" },
|
||||
{ id: "3", title: "Perfect Finish", quote: "Professional, clean, and exact results.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg" },
|
||||
{ id: "4", title: "Exceptional Craftsmanship", quote: "We couldn't be happier with results.", name: "David Kim", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg" },
|
||||
{ id: "5", title: "Highly Recommend", quote: "Punctual, organized, and truly skilled.", name: "Rachel Smith", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are proud of the long-term relationships we build with our clients, consistently delivering work that exceeds expectations."
|
||||
@@ -276,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you provide on-site estimates?",
|
||||
content: "Yes, we visit your home to provide a comprehensive and transparent quote.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve all metropolitan areas within reach. Please contact us for specific availability.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Are you fully insured?",
|
||||
content: "Absolutely. We are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
{ id: "faq1", title: "Do you provide on-site estimates?", content: "Yes, we visit your home to provide a comprehensive and transparent quote." },
|
||||
{ id: "faq2", title: "What areas do you serve?", content: "We serve all metropolitan areas within reach. Please contact us for specific availability." },
|
||||
{ id: "faq3", title: "Are you fully insured?", content: "Absolutely. We are fully licensed and insured for your peace of mind." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our renovation process."
|
||||
@@ -301,52 +160,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to transform your home? Contact RQ Renovations for a free consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "mailto:info@rqrenovations.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Consultation", href: "mailto:info@rqrenovations.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Tile Installation",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Renovations",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Tile Installation", href: "#services" }, { label: "Renovations", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Reviews", href: "#reviews" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="RQ Renovations"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user