231 lines
9.5 KiB
TypeScript
231 lines
9.5 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Award, Sparkles, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="floatingGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "/"},
|
||
{
|
||
name: "Services", id: "/services"},
|
||
{
|
||
name: "FAQ", id: "/faq"},
|
||
{
|
||
name: "Blog", id: "/blog"},
|
||
{
|
||
name: "Contact", id: "/contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
|
||
logoAlt="Tech Guru Logo"
|
||
brandName="Tech Guru Technical Services Co"
|
||
button={{
|
||
text: "Book a Repair", href: "/contact#appointment-form"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "rotated-rays-animated-grid"}}
|
||
title="Dubai's Trusted Home Appliance Repair Experts"
|
||
description="Fast, Affordable & Professional Appliance Repair Services Across Dubai. Same-Day Service by Experienced Technicians."
|
||
tag="Appliance Repair Specialists"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{
|
||
text: "Book a Repair", href: "/contact#appointment-form"},
|
||
{
|
||
text: "Call Now", href: "tel:+971589315357"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176697.jpg", imageAlt: "Technician repairing a washing machine"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-illumination-kitchen-hood_259150-59260.jpg", imageAlt: "Technician repairing an oven"}
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={4.6}
|
||
ratingText="95+ Verified Reviews"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={true}
|
||
title="Why Choose Tech Guru"
|
||
description="At Tech Guru, we pride ourselves on delivering exceptional appliance repair and home maintenance services across Dubai. Our expert technicians use quality parts for lasting solutions."
|
||
metrics={[
|
||
{
|
||
value: "Same-Day", title: "Service"},
|
||
{
|
||
value: "15+", title: "Years Experience"},
|
||
{
|
||
value: "5000+", title: "Happy Clients"},
|
||
{
|
||
value: "24/7", title: "Support"},
|
||
]}
|
||
tag="About Us"
|
||
tagIcon={Award}
|
||
imageSrc="http://img.b2bpic.net/free-photo/two-builders-work-clothes-thoughtfully-looking-sketch-plan-with-tools-background-workshop_574295-1618.jpg"
|
||
imageAlt="Technician discussing repair with customer"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="brands" data-section="brands">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Samsung", "LG", "Bosch", "Siemens", "Whirlpool", "Hitachi", "Panasonic", "Daewoo", "Electrolux", "Ariston", "Miele", "AEG", "Beko", "Indesit", "Candy", "Teka", "Haier", "Sharp", "Hisense", "General Electric"]}
|
||
title="Trusted by Leading Brands"
|
||
description="We specialize in repairing appliances from all major global manufacturers, ensuring expert care for your valuable investments."
|
||
tag="Brands We Repair"
|
||
buttons={[
|
||
{
|
||
text: "View All Services", href: "/services"},
|
||
]}
|
||
speed={40}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="depth-3d"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Dubai Hills", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-middle-street_23-2147724784.jpg", imageAlt: "Sarah Johnson"},
|
||
{
|
||
id: "2", name: "Michael Chen", role: "Business Owner", company: "Downtown Dubai", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-talking-phone_150588-7.jpg", imageAlt: "Michael Chen"},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", role: "Property Manager", company: "Jumeirah Village", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134383.jpg", imageAlt: "Emily Rodriguez"},
|
||
{
|
||
id: "4", name: "David Kim", role: "Restaurant Owner", company: "Business Bay", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageAlt: "David Kim"},
|
||
{
|
||
id: "5", name: "Aisha Al-Farsi", role: "Villa Owner", company: "Palm Jumeirah", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-muslim-business-lady-posing-outside_74855-1966.jpg", imageAlt: "Aisha Al-Farsi"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "98%", label: "Customer Satisfaction"},
|
||
{
|
||
value: "5000+", label: "Repairs Completed"},
|
||
{
|
||
value: "4.6", label: "Average Rating"},
|
||
]}
|
||
title="What Our Customers Say"
|
||
description="Real experiences from satisfied clients across Dubai who trust us with their home appliance repair needs."
|
||
tag="Client Testimonials"
|
||
tagIcon={Sparkles}
|
||
/>
|
||
</div>
|
||
|
||
<div id="cta-home" data-section="cta-home">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
text="Book Your Appliance Repair Today. Fast, Reliable, and Professional Service Across Dubai."
|
||
buttons={[
|
||
{
|
||
text: "Book an Appointment", href: "/contact#appointment-form"},
|
||
{
|
||
text: "WhatsApp Us", href: "https://wa.me/971589315357"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/holiday-shanghai-street-water-landmark-famous_1417-1178.jpg?_wi=1"
|
||
imageAlt="Dubai City Skyline"
|
||
logoSrc="http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo-template_23-2149221053.jpg"
|
||
logoAlt="Tech Guru Logo"
|
||
logoText="Tech Guru Technical Services Co"
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "Home", href: "/"},
|
||
{
|
||
label: "About Us", href: "/#about"},
|
||
{
|
||
label: "FAQs", href: "/faq"},
|
||
{
|
||
label: "Blog", href: "/blog"},
|
||
],
|
||
},
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Washing Machine Repair", href: "/services/washing-machine"},
|
||
{
|
||
label: "Refrigerator Repair", href: "/services/refrigerator"},
|
||
{
|
||
label: "Dishwasher Repair", href: "/services/dishwasher"},
|
||
{
|
||
label: "View All Services", href: "/services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact Information", items: [
|
||
{
|
||
label: "+971 58 931 5357", href: "tel:+971589315357"},
|
||
{
|
||
label: "info@techguruuae.com", href: "mailto:info@techguruuae.com"},
|
||
{
|
||
label: "Al Moosa Tower 2, Dubai", href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
|
||
],
|
||
},
|
||
{
|
||
title: "Business Hours", items: [
|
||
{
|
||
label: "Open Daily", href: "#"},
|
||
{
|
||
label: "8:00 AM – 10:00 PM", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Tech Guru Technical Services Co. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|