Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -44,9 +44,7 @@ export default function HomePage() {
|
||||
{ label: "Phone", href: "tel:+923338555667" },
|
||||
{ label: "+92 333 8555667", href: "tel:+923338555667" },
|
||||
{
|
||||
label: "Office #4, Azeem Mansion, 87-E West, Fazal-e-Haq Road, Islamabad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Office #4, Azeem Mansion, 87-E West, Fazal-e-Haq Road, Islamabad", href: "#"},
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -88,16 +86,12 @@ export default function HomePage() {
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8eu8ou",
|
||||
imageAlt:
|
||||
"Modern interior design living room with wooden flooring and contemporary decor",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8eu8ou", imageAlt:
|
||||
"Modern interior design living room with wooden flooring and contemporary decor"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2hrg3u",
|
||||
imageAlt:
|
||||
"Professional office renovation showing modern commercial interior design",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2hrg3u", imageAlt:
|
||||
"Professional office renovation showing modern commercial interior design"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={4.7}
|
||||
@@ -119,7 +113,7 @@ export default function HomePage() {
|
||||
tag="About Us"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k3s5be&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k3s5be"
|
||||
imageAlt="Interior design team working on professional renovation project"
|
||||
mediaAnimation="opacity"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -136,62 +130,32 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Interior Design",
|
||||
description:
|
||||
"Complete interior planning and decor solutions for homes and offices.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eckw4c&_wi=1",
|
||||
imageAlt: "Interior design service icon",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
title: "Interior Design", description:
|
||||
"Complete interior planning and decor solutions for homes and offices.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eckw4c", imageAlt: "Interior design service icon", buttonIcon: CheckCircle,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Wooden Flooring",
|
||||
description:
|
||||
"High-quality wood flooring installation with premium materials.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsk6bk&_wi=1",
|
||||
imageAlt: "Wooden flooring installation project",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
title: "Wooden Flooring", description:
|
||||
"High-quality wood flooring installation with premium materials.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsk6bk", imageAlt: "Wooden flooring installation project", buttonIcon: CheckCircle,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "PVC Tiles",
|
||||
description: "Affordable and durable PVC tile flooring for any space.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qruymd",
|
||||
imageAlt: "PVC tile flooring installation",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
title: "PVC Tiles", description: "Affordable and durable PVC tile flooring for any space.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qruymd", imageAlt: "PVC tile flooring installation", buttonIcon: CheckCircle,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Wallpaper Installation",
|
||||
description:
|
||||
"Modern wall design solutions with contemporary wallpaper options.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t83whv&_wi=1",
|
||||
imageAlt: "Modern wallpaper installation",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
title: "Wallpaper Installation", description:
|
||||
"Modern wall design solutions with contemporary wallpaper options.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t83whv", imageAlt: "Modern wallpaper installation", buttonIcon: CheckCircle,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Office Renovation",
|
||||
description: "Interior upgrades for offices and commercial spaces.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yit22b",
|
||||
imageAlt: "Professional office renovation",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
title: "Office Renovation", description: "Interior upgrades for offices and commercial spaces.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yit22b", imageAlt: "Professional office renovation", buttonIcon: CheckCircle,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Home Renovation",
|
||||
description: "Full home interior redesign and renovation services.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=580k84",
|
||||
imageAlt: "Complete home renovation project",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
title: "Home Renovation", description: "Full home interior redesign and renovation services.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=580k84", imageAlt: "Complete home renovation project", buttonIcon: CheckCircle,
|
||||
buttonHref: "/services"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -207,49 +171,21 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
brand: "Residential",
|
||||
name: "Modern Guest Room Renovation",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "Client Approved",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v8hgb&_wi=1",
|
||||
imageAlt: "Modern guest room interior design",
|
||||
},
|
||||
id: "project-1", brand: "Residential", name: "Modern Guest Room Renovation", price: "Completed", rating: 5,
|
||||
reviewCount: "Client Approved", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v8hgb", imageAlt: "Modern guest room interior design"},
|
||||
{
|
||||
id: "project-2",
|
||||
brand: "Residential",
|
||||
name: "Contemporary Living Room Design",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "Client Approved",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rqy0yz&_wi=1",
|
||||
imageAlt: "Modern living room renovation",
|
||||
},
|
||||
id: "project-2", brand: "Residential", name: "Contemporary Living Room Design", price: "Completed", rating: 5,
|
||||
reviewCount: "Client Approved", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rqy0yz", imageAlt: "Modern living room renovation"},
|
||||
{
|
||||
id: "project-3",
|
||||
brand: "Commercial",
|
||||
name: "Office Space Renovation",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "Client Approved",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lje6vn&_wi=1",
|
||||
imageAlt: "Professional office interior",
|
||||
},
|
||||
id: "project-3", brand: "Commercial", name: "Office Space Renovation", price: "Completed", rating: 5,
|
||||
reviewCount: "Client Approved", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lje6vn", imageAlt: "Professional office interior"},
|
||||
{
|
||||
id: "project-4",
|
||||
brand: "Residential",
|
||||
name: "Premium Wooden Flooring Installation",
|
||||
price: "Completed",
|
||||
rating: 5,
|
||||
reviewCount: "Client Approved",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xog6et&_wi=1",
|
||||
imageAlt: "Wooden flooring installation",
|
||||
},
|
||||
id: "project-4", brand: "Residential", name: "Premium Wooden Flooring Installation", price: "Completed", rating: 5,
|
||||
reviewCount: "Client Approved", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xog6et", imageAlt: "Wooden flooring installation"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="opacity"
|
||||
@@ -268,49 +204,21 @@ export default function HomePage() {
|
||||
description="Real feedback from homeowners and businesses who trust Interior Decor Islamabad."
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
title: "Professional & Reliable",
|
||||
quote:
|
||||
"The team was professional, punctual, and delivered exceptional quality work. They transformed our office into a modern, functional space. Highly recommended!",
|
||||
name: "Ahmed Hassan",
|
||||
role: "Business Owner",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=klvw7q",
|
||||
imageAlt: "Ahmed Hassan - Business Owner",
|
||||
},
|
||||
id: "testimonial-1", title: "Professional & Reliable", quote:
|
||||
"The team was professional, punctual, and delivered exceptional quality work. They transformed our office into a modern, functional space. Highly recommended!", name: "Ahmed Hassan", role: "Business Owner", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=klvw7q", imageAlt: "Ahmed Hassan - Business Owner"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
title: "Exceptional Attention to Detail",
|
||||
quote:
|
||||
"From consultation to completion, every step was handled with care. The wooden flooring installation is beautiful and they met all deadlines.",
|
||||
name: "Fatima Khan",
|
||||
role: "Homeowner",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8pl7ty",
|
||||
imageAlt: "Fatima Khan - Homeowner",
|
||||
},
|
||||
id: "testimonial-2", title: "Exceptional Attention to Detail", quote:
|
||||
"From consultation to completion, every step was handled with care. The wooden flooring installation is beautiful and they met all deadlines.", name: "Fatima Khan", role: "Homeowner", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8pl7ty", imageAlt: "Fatima Khan - Homeowner"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
title: "Best Quality Materials",
|
||||
quote:
|
||||
"We wanted premium flooring and they provided exactly that. The quality of materials and workmanship exceeded our expectations.",
|
||||
name: "Muhammad Ali",
|
||||
role: "Property Manager",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oxln2m",
|
||||
imageAlt: "Muhammad Ali - Property Manager",
|
||||
},
|
||||
id: "testimonial-3", title: "Best Quality Materials", quote:
|
||||
"We wanted premium flooring and they provided exactly that. The quality of materials and workmanship exceeded our expectations.", name: "Muhammad Ali", role: "Property Manager", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oxln2m", imageAlt: "Muhammad Ali - Property Manager"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
title: "Amazing Transformation",
|
||||
quote:
|
||||
"Our home looks completely different now. The design ideas were innovative and the execution was flawless. Worth every penny!",
|
||||
name: "Ayesha Malik",
|
||||
role: "Homeowner",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1qwaf",
|
||||
imageAlt: "Ayesha Malik - Homeowner",
|
||||
},
|
||||
id: "testimonial-4", title: "Amazing Transformation", quote:
|
||||
"Our home looks completely different now. The design ideas were innovative and the execution was flawless. Worth every penny!", name: "Ayesha Malik", role: "Homeowner", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1qwaf", imageAlt: "Ayesha Malik - Homeowner"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -323,33 +231,21 @@ export default function HomePage() {
|
||||
description="Simple and transparent steps to bring your interior design vision to life."
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1",
|
||||
value: "01",
|
||||
title: "Consultation",
|
||||
description:
|
||||
"We discuss your vision, budget, and timeline in a detailed consultation.",
|
||||
},
|
||||
id: "step-1", value: "01", title: "Consultation", description:
|
||||
"We discuss your vision, budget, and timeline in a detailed consultation.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eckw4c", imageAlt: "Consultation meeting with client"},
|
||||
{
|
||||
id: "step-2",
|
||||
value: "02",
|
||||
title: "Design Planning",
|
||||
description:
|
||||
"Our team creates a detailed design plan with materials and visualization.",
|
||||
},
|
||||
id: "step-2", value: "02", title: "Design Planning", description:
|
||||
"Our team creates a detailed design plan with materials and visualization.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsk6bk", imageAlt: "Design planning and visualization"},
|
||||
{
|
||||
id: "step-3",
|
||||
value: "03",
|
||||
title: "Installation",
|
||||
description:
|
||||
"Professional installation and renovation work with quality assurance.",
|
||||
},
|
||||
id: "step-3", value: "03", title: "Installation", description:
|
||||
"Professional installation and renovation work with quality assurance.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t83whv", imageAlt: "Professional installation work"},
|
||||
{
|
||||
id: "step-4",
|
||||
value: "04",
|
||||
title: "Final Delivery",
|
||||
description:
|
||||
"Final walkthrough and handover of your transformed space.",
|
||||
},
|
||||
id: "step-4", value: "04", title: "Final Delivery", description:
|
||||
"Final walkthrough and handover of your transformed space.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yit22b", imageAlt: "Final project handover"},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
@@ -363,27 +259,16 @@ export default function HomePage() {
|
||||
description="Contact us today for a free consultation and quotation. Let's bring your interior design dreams to reality."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "+92 3XX XXXXXXX",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "+92 3XX XXXXXXX", required: true,
|
||||
},
|
||||
{
|
||||
name: "projectType",
|
||||
type: "text",
|
||||
placeholder: "Project Type (e.g., Home Renovation, Wooden Flooring)",
|
||||
},
|
||||
name: "projectType", type: "text", placeholder: "Project Type (e.g., Home Renovation, Wooden Flooring)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
}}
|
||||
buttonText="Get Free Quote"
|
||||
useInvertedBackground={false}
|
||||
|
||||
Reference in New Issue
Block a user