Merge version_2 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { AlertTriangle, Gauge, HardDrive, Laptop, Monitor } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import { AlertTriangle, Gauge, HardDrive, Laptop, Monitor, CheckCircle, ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Philadelphia Tech Repair"
|
||||
/>
|
||||
@@ -52,207 +40,73 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Fast, Affordable Computer Repair in Philadelphia"
|
||||
description="Same-day service. Honest pricing. Trusted by locals for all your tech needs."
|
||||
title="Expert Tech Repair in Philadelphia"
|
||||
description="Certified local technicians providing same-day diagnostics, hardware repairs, and data recovery with a 90-day performance guarantee."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexphilly",
|
||||
testimonial: "Fastest repair in the city! Under 24 hours.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-customer-service-employee-nest-coworker-tracking-support-ticket_482257-125101.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria S.",
|
||||
handle: "@mariasphilly",
|
||||
testimonial: "Honest pricing and great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johndphilly",
|
||||
testimonial: "Friendly technicians, very knowledgeable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-green-shirt-green-cap-holding-white-card-sign-with-smile-yellow_140725-21569.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily K.",
|
||||
handle: "@emilyphilly",
|
||||
testimonial: "My laptop works like new again!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-network-circuit-board-link-connection-technology_1379-883.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidphilly",
|
||||
testimonial: "Highly recommended for students.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914193.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexphilly", testimonial: "Fastest repair in the city! Under 24 hours.", rating: 5 },
|
||||
{ name: "Maria S.", handle: "@mariasphilly", testimonial: "Honest pricing and great service.", rating: 5 }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Repair", href: "#contact" }, { text: "View Pricing", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-customer-service-employee-nest-coworker-tracking-support-ticket_482257-125101.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-green-shirt-green-cap-holding-white-card-sign-with-smile-yellow_140725-21569.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thumbs-up-network-circuit-board-link-connection-technology_1379-883.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914193.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Philly customers"
|
||||
avatarText="Trusted by 500+ Philly residents"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Pro-Grade Repair Solutions"
|
||||
description="We combine advanced diagnostics with high-quality components to ensure your devices perform better than before."
|
||||
features={[
|
||||
{
|
||||
icon: Laptop,
|
||||
title: "Laptop Repair",
|
||||
description: "Hardware and software diagnostics for all major brands.",
|
||||
},
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Screen Replacement",
|
||||
description: "Crisp, high-quality replacement for cracked laptop screens.",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Battery Service",
|
||||
description: "Genuine, long-lasting battery upgrades and replacements.",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Virus Removal",
|
||||
description: "Deep scan and thorough cleaning to restore security.",
|
||||
},
|
||||
{
|
||||
icon: HardDrive,
|
||||
title: "Data Recovery",
|
||||
description: "Safe retrieval of your important files and documents.",
|
||||
},
|
||||
{
|
||||
icon: HardDrive,
|
||||
title: "Custom PC Build",
|
||||
description: "Professional assembly and optimization for performance.",
|
||||
},
|
||||
{ title: "Hardware Repair", description: "Certified component replacement", icon: Laptop, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-repair_23-2148765432.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/tech-repair-closeup_23-2148765432.jpg" }] },
|
||||
{ title: "Data Recovery", description: "Secure file restoration", icon: HardDrive, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/data-recovery_23-2148765432.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/tech-lab_23-2148765432.jpg" }] }
|
||||
]}
|
||||
title="Comprehensive Repair Services"
|
||||
description="Professional solutions for all your hardware and software needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Philadelphia Trusts Us"
|
||||
description="We are a locally owned and operated business focused on honest service, fast turnarounds, and building lasting relationships with our community."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Same-Day Turnaround",
|
||||
description: "We understand your time is valuable.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, ever.",
|
||||
},
|
||||
{
|
||||
title: "Certified Technicians",
|
||||
description: "Expert hands, trusted local service.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg?_wi=2"
|
||||
imageAlt="Technician working"
|
||||
heading={[{ type: 'text', content: "Why Philadelphia Chooses Our " }, { type: 'image', src: "https://upload.wikimedia.org/wikipedia/commons/e/e9/Philadelphia_City_Seal.svg", alt: "PHL" }, { type: 'text', content: " Lab" }]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long do repairs take?",
|
||||
content: "Most simple hardware repairs are completed within 24 hours.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all our hardware repairs come with a 90-day guarantee.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Walk-ins are welcome, but appointments ensure faster service.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you fix Apple products?",
|
||||
content: "Absolutely, we specialize in high-quality alternative Apple repairs.",
|
||||
},
|
||||
{ id: "1", title: "Is same-day service guaranteed?", content: "For standard diagnostics and screen replacements, yes." },
|
||||
{ id: "2", title: "Do you offer a warranty?", content: "All hardware repairs include our 90-day peace-of-mind guarantee." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our repair process and pricing."
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplit
|
||||
tag="Conversion Ready"
|
||||
title="Let's Fix Your Tech"
|
||||
description="Send us your details for a transparent quote. We'll get back to you within 2 hours during business hours."
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Need your computer fixed today?"
|
||||
description="Submit a quick request or call us directly. Our team is ready to help."
|
||||
inputPlaceholder="Enter your email for a quote"
|
||||
buttonText="Get Free Quote"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg?_wi=2"
|
||||
buttonText="Get My Quote"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterMedia
|
||||
logoText="Philadelphia Tech Repair"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tech-lab-wide_23-2148765432.jpg"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user