14 Commits

Author SHA1 Message Date
222c8d1d99 Update src/app/page.tsx 2026-03-25 17:54:53 +00:00
58e0759722 Update theme colors 2026-03-25 17:36:56 +00:00
1ff2fe1fd5 Update theme colors 2026-03-25 17:36:24 +00:00
59ae47699c Update src/app/page.tsx 2026-03-25 17:26:54 +00:00
42e812c2df Update src/app/page.tsx 2026-03-25 17:25:01 +00:00
58e5c7af5f Update theme colors 2026-03-25 17:17:41 +00:00
0eb1c9c1e6 Update theme colors 2026-03-25 17:15:56 +00:00
0ae8dc1f51 Update theme colors 2026-03-25 17:15:42 +00:00
3193f821ef Update theme colors 2026-03-25 17:15:24 +00:00
82e76dc68f Update theme colors 2026-03-25 17:15:14 +00:00
638b4ab829 Update theme colors 2026-03-25 17:15:04 +00:00
33bba459b0 Update theme colors 2026-03-25 17:14:57 +00:00
1b62a700be Update src/app/styles/variables.css 2026-03-25 17:13:49 +00:00
99d7f1d38f Update src/app/page.tsx 2026-03-25 17:13:48 +00:00
2 changed files with 59 additions and 181 deletions

View File

@@ -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>
); );
} }

View File

@@ -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);