221 lines
10 KiB
TypeScript
221 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="RepairTech"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Get Your Laptops & Vacuums Back in Action"
|
|
description="Professional laptop diagnostics and thorough vacuum cleaner restoration. Quality service, fast turnaround."
|
|
buttons={[
|
|
{
|
|
text: "Book Repair", href: "#contact"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821305.jpg?_wi=1", imageAlt: "Laptop repair tech"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-vacuum-cleaning_23-2148514790.jpg?_wi=1", imageAlt: "Vacuum repair service"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880943.jpg", imageAlt: "Service center interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/techician-uses-driver-unscrew-small-screws-smartphone-body_346278-1189.jpg", imageAlt: "Laptop repair closeup"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22929.jpg", imageAlt: "Vacuum part inspection"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Reliable Service You Can Trust"
|
|
description={[
|
|
"We provide expert repairs for high-end laptops and vacuum cleaners, ensuring your equipment operates like new. Our team is dedicated to fast, professional results.", "From complex circuit repairs to mechanical vacuum servicing, we have the tools and experience to fix your most essential household items."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Laptop Diagnostics", description: "Expert motherboard, battery, and screen repair services for all major laptop brands.", imageSrc: "http://img.b2bpic.net/free-photo/male-technician-examining-mother-board-with-digital-multimeter_23-2147922353.jpg", imageAlt: "laptop diagnostics icon"},
|
|
{
|
|
title: "Appliance Servicing", description: "Professional cleaning and mechanical restoration for high-end vacuum cleaners.", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3865.jpg", imageAlt: "vacuum maintenance service"},
|
|
{
|
|
title: "Fast Turnaround", description: "We prioritize efficiency so you can get back to your work and household chores quickly.", imageSrc: "http://img.b2bpic.net/free-photo/female-hacker-cracking-binary-code_53876-98535.jpg", imageAlt: "fast repair concept"},
|
|
]}
|
|
title="Our Specialized Repair Services"
|
|
description="Comprehensive diagnostic and repair solutions for your devices and appliances."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Service Impact"
|
|
tag="Quality Assured"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "1500+", description: "Laptops Repaired"},
|
|
{
|
|
id: "m2", value: "2000+", description: "Vacuums Restored"},
|
|
{
|
|
id: "m3", value: "99%", description: "Customer Satisfaction"},
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "happy customer laptop"},
|
|
{
|
|
id: "2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg", imageAlt: "satisfied professional appliance"},
|
|
{
|
|
id: "3", name: "Emily D.", imageSrc: "http://img.b2bpic.net/free-photo/customer-evaluation-feedback-smiley-emoticons_53876-124368.jpg", imageAlt: "happy student repair"},
|
|
{
|
|
id: "4", name: "Robert K.", imageSrc: "http://img.b2bpic.net/free-photo/excited-cheerful-blond-girl-rejoicing-camera-with-copy-space-text-promotional-content-near-yellow-background_574295-2365.jpg", imageAlt: "homeowner appliance repair"},
|
|
{
|
|
id: "5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-office_23-2148162623.jpg", imageAlt: "remote worker repair"},
|
|
]}
|
|
cardTitle="Client Feedback"
|
|
cardTag="Trusted by locals"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "p1", title: "Basic Check", price: "$49", period: "fixed", features: [
|
|
"Diagnostic Report", "Cleaning"],
|
|
button: {
|
|
text: "Select", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-equipment-soldering-working-home_1157-47196.jpg", imageAlt: "motherboard repair specialist"},
|
|
{
|
|
id: "p2", title: "Standard Repair", price: "$129", period: "inc. parts", features: [
|
|
"Full Repair", "Warranty"],
|
|
button: {
|
|
text: "Select", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821305.jpg?_wi=2", imageAlt: "motherboard repair specialist"},
|
|
{
|
|
id: "p3", title: "Premium Resto", price: "$249", period: "inc. parts", features: [
|
|
"Deep Clean", "Performance Tune", "Priority"],
|
|
button: {
|
|
text: "Select", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-vacuum-cleaning_23-2148514790.jpg?_wi=2", imageAlt: "motherboard repair specialist"},
|
|
]}
|
|
title="Transparent Pricing"
|
|
description="Choose the repair plan that best suits your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How long does a repair take?", content: "Most repairs are completed within 2-3 business days."},
|
|
{
|
|
id: "q2", title: "Is there a warranty?", content: "Yes, we provide a 90-day warranty on all repairs."},
|
|
{
|
|
id: "q3", title: "Do I need an appointment?", content: "Appointments are encouraged but walk-ins are welcome."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/helpline-worker-troubleshooting-errors-solar-production-systems-using-headset_482257-125794.jpg"
|
|
title="Common Questions"
|
|
description="Learn more about our repair process."
|
|
faqsAnimation="blur-reveal"
|
|
imageAlt="tech support specialist"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get in Touch"
|
|
description="Fill out the form below to book your repair service."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "What needs fixing?", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-woman-using-smartphones-office_23-2147707732.jpg"
|
|
imageAlt="service center reception"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="RepairTech © 2024"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |