bender/36a27ced-3be9-4974-ac9f-9eaadfc43dae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-03-25 17:13:52 +00:00
Conversation 0 Commits 2 Files Changed 2 +54 -176
2 changed files with 54 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
src/app/page.tsx
View File

@@ -31,29 +31,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Trust",
id: "trust",
},
name: "Trust", id: "trust"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="TechFix Pro"
bottomLeftText="Fast. Honest. Skilled."
@@ -64,20 +52,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
imagePosition="right"
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."
buttons={[
{
text: "Book a Repair",
href: "#contact",
},
text: "Book a Repair", href: "#contact"},
{
text: "Call Now",
href: "tel:+1234567890",
},
text: "Call Now", 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"
imageAlt="Technician repairing device at a modern workstation"
@@ -93,40 +76,16 @@ export default function LandingPage() {
features={[
{
id: 1,
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: "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",
},
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: "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,
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: "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",
},
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: "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,
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: "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",
},
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: "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,
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: "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",
},
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: "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"
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={[
{
icon: Award,
label: "Years Experience",
value: "5+",
},
label: "Years Experience", value: "5+"},
{
icon: Users,
label: "Customer Satisfaction",
value: "98%",
},
label: "Customer Satisfaction", value: "98%"},
{
icon: Zap,
label: "Same-Day Service Rate",
value: "90%",
},
label: "Same-Day Service Rate", value: "90%"},
{
icon: Clock,
label: "Avg. Repair Time",
value: "30min",
},
label: "Avg. Repair Time", value: "30min"},
]}
metricsAnimation="slide-up"
/>
@@ -171,41 +122,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
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: "1", name: "Sarah J.", 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",
name: "Michael C.",
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: "2", name: "Michael C.", 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",
name: "Emily R.",
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: "3", name: "Emily R.", 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",
name: "David K.",
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.",
},
id: "4", name: "David K.", 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"
description="Our clients consistently praise our speed, honesty, and technical expertise. See what makes us the trusted choice for tech repair."
@@ -218,35 +145,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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="Common Questions & Clear Answers"
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}
faqs={[
{
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!",
},
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!"},
{
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.",
},
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."},
]}
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."
ctaButton={{
text: "Get a Quote / Book Now",
href: "tel:+1234567890",
}}
text: "Get a Quote / Book Now", href: "tel:+1234567890"}}
ctaIcon={Phone}
/>
</div>
@@ -284,58 +185,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Smartphone Repair",
href: "#services",
},
label: "Smartphone Repair", href: "#services"},
{
label: "Laptop Repair",
href: "#services",
},
label: "Laptop Repair", href: "#services"},
{
label: "Tablet Repair",
href: "#services",
},
label: "Tablet Repair", href: "#services"},
{
label: "Data Recovery",
href: "#services",
},
label: "Data Recovery", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#trust",
},
label: "About Us", href: "#trust"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -346,4 +224,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #1a1a1a;
--foreground: #e0e0e0;
--primary-cta: #7a7a7a;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #cee7ff;
--primary-cta-text: #ffffff;
--secondary-cta: #3a3a3a;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #a0a0a0;
--background-accent: #2a2a2a;
--accent: #535353;
--background-accent: #CEE7FF;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);