Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 222c8d1d99 | |||
| 58e0759722 | |||
| 1ff2fe1fd5 | |||
| 59ae47699c | |||
| 42e812c2df | |||
| 58e5c7af5f | |||
| 0eb1c9c1e6 | |||
| 0ae8dc1f51 | |||
| 3193f821ef | |||
| 82e76dc68f | |||
| 638b4ab829 | |||
| 33bba459b0 | |||
| 1b62a700be | |||
| 99d7f1d38f |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -31,31 +31,19 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Trust",
|
name: "Trust", id: "trust"},
|
||||||
id: "trust",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "reviews"},
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="TechFix Pro"
|
brandName="IT Expert Service"
|
||||||
bottomLeftText="Fast. Honest. Skilled."
|
bottomLeftText="Fast. Honest. Skilled."
|
||||||
bottomRightText="book@techfixpro.com"
|
bottomRightText="book@techfixpro.com"
|
||||||
/>
|
/>
|
||||||
@@ -64,22 +52,17 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "downward-rays-animated",
|
variant: "downward-rays-animated"}}
|
||||||
}}
|
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
title="Fast. Honest. Skilled. Your Tech, Flawlessly Repaired."
|
title="Fast. Honest. Skilled. Your Tech, Flawlessly Repaired."
|
||||||
description="Get same-day repairs with transparent pricing and expert technicians. We bring your devices back to life, quickly and reliably."
|
description="Get same-day repairs with transparent pricing and expert technicians. We bring your devices back to life, quickly and reliably."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book a Repair",
|
text: "Book a Repair", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:+1234567890"},
|
||||||
href: "tel:+1234567890",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/a-sleek-modern-tech-repair-workshop-desk-1774458168912-7042387f.png"
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-executive-man-hands-answering-negotiations-email-planning-business-company-consultation-l_482257-2789.jpg?id=15902179"
|
||||||
imageAlt="Technician repairing device at a modern workstation"
|
imageAlt="Technician repairing device at a modern workstation"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
fixedMediaHeight={true}
|
fixedMediaHeight={true}
|
||||||
@@ -93,40 +76,16 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
tag: "Speed",
|
tag: "Speed", title: "Smartphone Repair", subtitle: "Cracked screens, battery issues, software glitches.", description: "Expert same-day repair for all major smartphone brands. Quick, reliable, and guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-important-contact-phone_1163-4256.jpg?id=3938519", imageAlt: "Technician repairing a smartphone screen"},
|
||||||
title: "Smartphone Repair",
|
|
||||||
subtitle: "Cracked screens, battery issues, software glitches.",
|
|
||||||
description: "Expert same-day repair for all major smartphone brands. Quick, reliable, and guaranteed.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/a-close-up-of-a-hand-expertly-replacing--1774458169180-640b55b7.png",
|
|
||||||
imageAlt: "Technician repairing a smartphone screen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
tag: "Skill",
|
tag: "Skill", title: "Laptop & PC Repair", subtitle: "Hardware upgrades, virus removal, performance optimization.", description: "Comprehensive diagnostics and efficient repairs to get your computer running like new.", imageSrc: "http://img.b2bpic.net/free-photo/technician-clearing-circuit-board-disassembled-laptop_1098-13785.jpg?id=5399804", imageAlt: "Technician working on laptop internal components"},
|
||||||
title: "Laptop & PC Repair",
|
|
||||||
subtitle: "Hardware upgrades, virus removal, performance optimization.",
|
|
||||||
description: "Comprehensive diagnostics and efficient repairs to get your computer running like new.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/an-open-laptop-on-a-clean-dark-workbench-1774458169515-fb69a147.png",
|
|
||||||
imageAlt: "Technician working on laptop internal components",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
tag: "Precision",
|
tag: "Precision", title: "Tablet Repair", subtitle: "Screen replacement, charging port fixes, button repairs.", description: "Professional repairs for iPads, Android tablets, and more. Delicate work with lasting results.", imageSrc: "http://img.b2bpic.net/free-photo/hand-that-uses-angled-esd-tweezers-remove-dust-from-electronic-boards-broken-slim-computer-laptop-fix-it-make-work-again_346278-1801.jpg?id=11899470", imageAlt: "Technician carefully opening a tablet for repair"},
|
||||||
title: "Tablet Repair",
|
|
||||||
subtitle: "Screen replacement, charging port fixes, button repairs.",
|
|
||||||
description: "Professional repairs for iPads, Android tablets, and more. Delicate work with lasting results.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/a-tablet-being-carefully-opened-by-a-tec-1774458168475-f7031991.png",
|
|
||||||
imageAlt: "Technician carefully opening a tablet for repair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
tag: "Trust",
|
tag: "Trust", title: "Data Recovery", subtitle: "Lost files, corrupted drives, accidental deletions.", description: "Secure and confidential data recovery services for peace of mind. We retrieve your important information.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-high-tech-server-farm-admin-managing-equipment-systems-checking-recovery-plan-data_482257-132448.jpg?id=422762367", imageAlt: "Data drive connected to a computer for recovery"},
|
||||||
title: "Data Recovery",
|
|
||||||
subtitle: "Lost files, corrupted drives, accidental deletions.",
|
|
||||||
description: "Secure and confidential data recovery services for peace of mind. We retrieve your important information.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/a-close-up-of-a-secure-data-drive-connec-1774458169676-e8ee6f2e.png",
|
|
||||||
imageAlt: "Data drive connected to a computer for recovery",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Fast & Reliable Services"
|
title="Our Fast & Reliable Services"
|
||||||
description="From cracked screens to complex diagnostics, our certified technicians handle all your device repair needs with speed and precision. We prioritize your time and device integrity."
|
description="From cracked screens to complex diagnostics, our certified technicians handle all your device repair needs with speed and precision. We prioritize your time and device integrity."
|
||||||
@@ -140,24 +99,16 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
label: "Years Experience",
|
label: "Years Experience", value: "5+"},
|
||||||
value: "5+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Customer Satisfaction",
|
label: "Customer Satisfaction", value: "98%"},
|
||||||
value: "98%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: Zap,
|
||||||
label: "Same-Day Service Rate",
|
label: "Same-Day Service Rate", value: "90%"},
|
||||||
value: "90%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Clock,
|
icon: Clock,
|
||||||
label: "Avg. Repair Time",
|
label: "Avg. Repair Time", value: "30min"},
|
||||||
value: "30min",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -171,44 +122,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "", role: "", company: "", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautifull-caucasian-woman-with-curly-hair-smiles-isolated_132075-7608.jpg?id=12072689", imageAlt: ""},
|
||||||
role: "Marketing Manager",
|
|
||||||
company: "GrowthCo",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/professional-portrait-of-a-satisfied-you-1774458169322-dcd4be83.png",
|
|
||||||
imageAlt: "Sarah J.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "", role: "", company: "", rating: 5,
|
||||||
name: "Michael C.",
|
imageSrc: "http://img.b2bpic.net/free-photo/charming-man-black-suit-white-t-shirt-eyeglasses-smiles-widely-looks-into-camera_197531-23137.jpg?id=15660788", imageAlt: ""},
|
||||||
role: "CTO",
|
|
||||||
company: "InnovateLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/professional-portrait-of-a-male-customer-1774458168295-cb0e1dbe.png",
|
|
||||||
imageAlt: "Michael C.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "", role: "", company: "", rating: 5,
|
||||||
name: "Emily R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-good-looking-young-european-woman-wears-fashionable-blue-costume-uses-mobile-phone-chatting-online_273609-55524.jpg?id=20743771", imageAlt: ""},
|
||||||
role: "Product Designer",
|
|
||||||
company: "DesignSync",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/professional-portrait-of-a-female-custom-1774458168633-0a74e9ee.png",
|
|
||||||
imageAlt: "Emily R.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "", role: "", company: "", rating: 5,
|
||||||
name: "David K.",
|
imageSrc: "http://img.b2bpic.net/premium-photo/handsome-man-using-smartphone-living-room_13339-178427.jpg?id=1802012", imageAlt: ""},
|
||||||
role: "Software Engineer",
|
|
||||||
company: "CodeFlow",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRh9EaCkURMd3GkABk3L1SLYRz/professional-portrait-of-a-male-customer-1774458169019-ce99200b.png",
|
|
||||||
imageAlt: "David K.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Hear From Our Happy Customers"
|
title=""
|
||||||
description="Our clients consistently praise our speed, honesty, and technical expertise. See what makes us the trusted choice for tech repair."
|
description=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -218,35 +145,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "What are your clear working hours?", content: "Our service center is open Monday to Friday, from 9:00 AM to 6:00 PM. We also offer emergency repairs by appointment on Saturdays."},
|
||||||
title: "What are your clear working hours?",
|
|
||||||
content: "Our service center is open Monday to Friday, from 9:00 AM to 6:00 PM. We also offer emergency repairs by appointment on Saturdays.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Do you always confirm before repair?", content: "Yes, absolutely. We will always confirm the diagnosis, estimated cost, and obtain your explicit approval before commencing any repair work."},
|
||||||
title: "Do you always confirm before repair?",
|
|
||||||
content: "Yes, absolutely. We will always confirm the diagnosis, estimated cost, and obtain your explicit approval before commencing any repair work.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "How long will my repair take?", content: "Most common repairs, like screen replacements or battery fixes, are completed same-day, often within 1-2 hours. For more complex issues, we provide an estimated repair time upfront."},
|
||||||
title: "How long will my repair take?",
|
|
||||||
content: "Most common repairs, like screen replacements or battery fixes, are completed same-day, often within 1-2 hours. For more complex issues, we provide an estimated repair time upfront.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "What devices do you repair?", content: "We specialize in smartphones, laptops, tablets, and desktop computers from all major brands, including Apple, Samsung, Dell, HP, and more."},
|
||||||
title: "What devices do you repair?",
|
|
||||||
content: "We specialize in smartphones, laptops, tablets, and desktop computers from all major brands, including Apple, Samsung, Dell, HP, and more.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "What if my device can't be fixed?", content: "In the rare event that your device is unrepairable, we offer a no-fix, no-fee policy. You only pay for successful repairs."},
|
||||||
title: "What if my device can't be fixed?",
|
|
||||||
content: "In the rare event that your device is unrepairable, we offer a no-fix, no-fee policy. You only pay for successful repairs.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", title: "Do you offer a warranty on repairs?", content: "Yes, all our repairs come with a standard 90-day warranty on parts and labor for your peace of mind."},
|
||||||
title: "Do you offer a warranty on repairs?",
|
|
||||||
content: "Yes, all our repairs come with a standard 90-day warranty on parts and labor for your peace of mind.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions & Clear Answers"
|
title="Common Questions & Clear Answers"
|
||||||
description="We believe in transparency. Find answers to frequently asked questions about our process, timings, and commitment to you."
|
description="We believe in transparency. Find answers to frequently asked questions about our process, timings, and commitment to you."
|
||||||
@@ -260,22 +169,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "c1",
|
id: "c1", title: "Where are you located?", content: "Our main service center is at 123 Tech Avenue, Innovation City, CA 90210. We look forward to seeing you!"},
|
||||||
title: "Where are you located?",
|
|
||||||
content: "Our main service center is at 123 Tech Avenue, Innovation City, CA 90210. We look forward to seeing you!",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c2",
|
id: "c2", title: "Can I get a repair estimate online?", content: "Yes, you can request a preliminary estimate by filling out our online form or calling us directly. We strive for accurate upfront pricing."},
|
||||||
title: "Can I get a repair estimate online?",
|
|
||||||
content: "Yes, you can request a preliminary estimate by filling out our online form or calling us directly. We strive for accurate upfront pricing.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ctaTitle="Ready for a Fast & Honest Repair?"
|
ctaTitle="Ready for a Fast & Honest Repair?"
|
||||||
ctaDescription="Don't let a broken device slow you down. Get your quote or book your repair today for same-day service."
|
ctaDescription="Don't let a broken device slow you down. Get your quote or book your repair today for same-day service."
|
||||||
ctaButton={{
|
ctaButton={{
|
||||||
text: "Get a Quote / Book Now",
|
text: "Get a Quote / Book Now", href: "tel:+1234567890"}}
|
||||||
href: "tel:+1234567890",
|
|
||||||
}}
|
|
||||||
ctaIcon={Phone}
|
ctaIcon={Phone}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -284,58 +185,35 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Smartphone Repair",
|
label: "Smartphone Repair", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Laptop Repair",
|
label: "Laptop Repair", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Tablet Repair",
|
label: "Tablet Repair", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Data Recovery",
|
label: "Data Recovery", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#trust"},
|
||||||
href: "#trust",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reviews",
|
label: "Reviews", href: "#reviews"},
|
||||||
href: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -346,4 +224,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #000000;
|
--background: #0a0a0a;
|
||||||
--card: #1a1a1a;
|
--card: #1a1a1a;
|
||||||
--foreground: #e0e0e0;
|
--foreground: #f5f5f5;
|
||||||
--primary-cta: #7a7a7a;
|
--primary-cta: #dfff1c;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #0a0a0a;
|
||||||
--secondary-cta: #3a3a3a;
|
--secondary-cta: #1a1a1a;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #ffffff;
|
||||||
--accent: #a0a0a0;
|
--accent: #8b9a1b;
|
||||||
--background-accent: #2a2a2a;
|
--background-accent: #5d6b00;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user