Merge version_2 into main #1
178
src/app/page.tsx
178
src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+212500000000",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+212500000000"}}
|
||||
brandName="Tangier Services"
|
||||
/>
|
||||
</div>
|
||||
@@ -57,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Reliable Local Services in Tangier"
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Home and Business Solutions in Tangier"
|
||||
description="Fast, professional, and trustworthy solutions for your home or business. We are ready to help you today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+212500000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+212500000000"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020339.jpg",
|
||||
imageAlt: "Service professional in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020339.jpg", imageAlt: "Service professional in action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-portrait-caucasian-businessman-casual-suit-with-beard-smile-with-cheerful-confident-cafe-window_609648-996.jpg",
|
||||
imageAlt: "Service professional in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-portrait-caucasian-businessman-casual-suit-with-beard-smile-with-cheerful-confident-cafe-window_609648-996.jpg", imageAlt: "Service professional in action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-using-digital-tablet-while-working-auto-repair-shop_637285-7606.jpg",
|
||||
imageAlt: "Service professional in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-using-digital-tablet-while-working-auto-repair-shop_637285-7606.jpg", imageAlt: "Service professional in action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-courier-standing-watching-address-via-tablet-hands-pensive-deliveryman-delivering-order-thermo-backpack-wearing-red-shirt-cap-delivery-service-online-shopping-concept_74855-11743.jpg",
|
||||
imageAlt: "Service professional in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-courier-standing-watching-address-via-tablet-hands-pensive-deliveryman-delivering-order-thermo-backpack-wearing-red-shirt-cap-delivery-service-online-shopping-concept_74855-11743.jpg", imageAlt: "Service professional in action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377150.jpg",
|
||||
imageAlt: "Service professional in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377150.jpg", imageAlt: "Service professional in action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-division-staff-member-monitoring-security-incidents_482257-113771.jpg",
|
||||
imageAlt: "Service professional in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-division-staff-member-monitoring-security-incidents_482257-113771.jpg", imageAlt: "Service professional in action"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,17 +81,11 @@ export default function LandingPage() {
|
||||
description="With years of experience serving Route RahRah and beyond, we pride ourselves on reliability, quality, and local expertise. Your satisfaction is our priority."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "10+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Completed Projects",
|
||||
},
|
||||
value: "500+", title: "Completed Projects"},
|
||||
{
|
||||
value: "4.9",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "4.9", title: "Star Rating"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/factory-inspectors-supervisors-engaging-briefing-production-metrics_482257-126100.jpg"
|
||||
imageAlt="Our team at work"
|
||||
@@ -135,26 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Repairs",
|
||||
description: "Quick, reliable response time for all your service needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-new-shiny-wrenches-wall-special-pockets-workshop_613910-17112.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/flat-watch-logo-collection_23-2148948726.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Fast Repairs", description: "Quick, reliable response time for all your service needs.", imageSrc: "http://img.b2bpic.net/free-photo/set-new-shiny-wrenches-wall-special-pockets-workshop_613910-17112.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/flat-watch-logo-collection_23-2148948726.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Professional Maintenance",
|
||||
description: "Expert upkeep to keep your systems running smoothly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-lamp_23-2148925544.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-wearing-white-uniform-stand-holding-wrench_1150-16596.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Professional Maintenance", description: "Expert upkeep to keep your systems running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-lamp_23-2148925544.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-wearing-white-uniform-stand-holding-wrench_1150-16596.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Expert Consultation",
|
||||
description: "Detailed advice for your specific home or business challenges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-shocked-blonde-male-barber-uniform-holds-looks-clock-isolated-violet-space-with-copy-space_141793-60287.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/caucasian-courier-carrying-package-ringing-doorbell-while-making-home-delivery-middle-aged-deliveryman-with-yellow-thermo-bag-standing-front-house-delivery-service-post-concept_74855-11556.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Expert Consultation", description: "Detailed advice for your specific home or business challenges.", imageSrc: "http://img.b2bpic.net/free-photo/young-shocked-blonde-male-barber-uniform-holds-looks-clock-isolated-violet-space-with-copy-space_141793-60287.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/caucasian-courier-carrying-package-ringing-doorbell-while-making-home-delivery-middle-aged-deliveryman-with-yellow-thermo-bag-standing-front-house-delivery-service-post-concept_74855-11556.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Expert Services We Provide"
|
||||
description="Comprehensive solutions tailored to meet your needs, delivered with professionalism."
|
||||
@@ -167,45 +119,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great service!",
|
||||
quote: "Reliable and fast! Highly recommended for anyone in the area.",
|
||||
name: "Omar F.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
id: "1", title: "Great service!", quote: "Reliable and fast! Highly recommended for anyone in the area.", name: "Omar F.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top professionalism",
|
||||
quote: "The team was efficient and professional from start to finish.",
|
||||
name: "Fatima Z.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-online-meeting-work_23-2148940758.jpg",
|
||||
},
|
||||
id: "2", title: "Top professionalism", quote: "The team was efficient and professional from start to finish.", name: "Fatima Z.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-online-meeting-work_23-2148940758.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent work",
|
||||
quote: "Finally found a local service I can count on every time.",
|
||||
name: "Ahmed K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
},
|
||||
id: "3", title: "Excellent work", quote: "Finally found a local service I can count on every time.", name: "Ahmed K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Efficient & Honest",
|
||||
quote: "Very straightforward and transparent process. Loved it.",
|
||||
name: "Leila B.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
},
|
||||
id: "4", title: "Efficient & Honest", quote: "Very straightforward and transparent process. Loved it.", name: "Leila B.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Fast Support",
|
||||
quote: "Saved my day when I needed help the most. Thank you!",
|
||||
name: "Youssef M.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg",
|
||||
},
|
||||
id: "5", title: "Fast Support", quote: "Saved my day when I needed help the most. Thank you!", name: "Youssef M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of residents and businesses across Tangier."
|
||||
@@ -218,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where do you provide services?",
|
||||
content: "We cover all of Tangier and surrounding areas, including Route RahRah.",
|
||||
},
|
||||
id: "1", title: "Where do you provide services?", content: "We cover all of Tangier and surrounding areas, including Route RahRah."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How can I book a service?",
|
||||
content: "You can call us directly or use the contact form on this page.",
|
||||
},
|
||||
id: "2", title: "How can I book a service?", content: "You can call us directly or use the contact form on this page."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we offer free quotes for all our services. Just reach out today!",
|
||||
},
|
||||
id: "3", title: "Do you offer free quotes?", content: "Yes, we offer free quotes for all our services. Just reach out today!"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our local service process."
|
||||
@@ -243,18 +156,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? We're just a call or message away. Contact us today for professional local assistance in Tangier."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+212500000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+212500000000"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -263,29 +171,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+212500000000",
|
||||
},
|
||||
label: "Call Us", href: "tel:+212500000000"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@tangierservices.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@tangierservices.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user