133 lines
5.1 KiB
TypeScript
133 lines
5.1 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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
|
||
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="contact-form" data-section="contact-form">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
text="Get in Touch with Tech Guru Technical Services Co. \n\nFill out the form below to book a repair or inquire about our services. Our team will contact you shortly to confirm your appointment. \n\n**Name:** [Input Field]\n**Phone:** [Input Field]\n**Email:** [Input Field]\n**Location:** [Input Field]\n**Service Required:** [Dropdown/Input]\n**Preferred Date:** [Date Picker]\n**Preferred Time:** [Time Picker]\n**Message:** [Textarea]\n\n**Thank you. Our technician will contact you shortly.**"
|
||
buttons={[
|
||
{
|
||
text: "Submit Booking", onClick: () => console.log('Form submission simulated'),
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-details-map" data-section="contact-details-map">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "animated-grid"}}
|
||
text="Reach Us Anytime:\n\n**Phone:** +971 58 931 5357\n**Email:** info@techguruuae.com\n**Address:** Al Moosa Tower 2, Sheikh Zayed Road, Trade Center First, Dubai, UAE\n**Working Hours:** Open Daily, 8:00 AM – 10:00 PM\n\n\n**Google Map Location:** [Embedded Map Placeholder]"
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
|
||
{
|
||
text: "Call Us Directly", href: "tel:+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=2"
|
||
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>
|
||
);
|
||
}
|