bender/3ede513d-da30-439f-aef7-809f0b1a948a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 22:19:54 +00:00
parent 335e54be22
commit 72ac6aa640
1 changed files with 135 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
src/app/page.tsx
View File

@@ -34,19 +34,26 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "#home"},
name: "Home", id: "#home"
},
{
name: "Services", id: "#services"},
name: "Services", id: "#services"
},
{
name: "Repairs", id: "#repairs"},
name: "Repairs", id: "#repairs"
},
{
name: "Pricing", id: "#pricing"},
name: "Pricing", id: "#pricing"
},
{
name: "Testimonials", id: "#testimonials"},
name: "Testimonials", id: "#testimonials"
},
{
name: "FAQ", id: "#faq"},
name: "FAQ", id: "#faq"
},
{
name: "Contact", id: "#contact"},
name: "Contact", id: "#contact"
}
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-mobile-store-logo-template_23-2149732019.jpg"
logoAlt="Roxy iPhone Repairs Logo"
@@ -57,48 +64,56 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "glowing-orb"}}
variant: "glowing-orb"
}}
imagePosition="right"
title="Expert iPhone Repairs in the UK"
description="Roxy iPhone Repairs offers fast, reliable, and affordable solutions for all your iPhone issues. From cracked screens to battery replacements, we've got you covered."
buttons={[
{
text: "Get a Free Quote", href: "#contact"},
text: "Get a Free Quote", href: "#contact"
},
{
text: "View All Services", href: "#services"},
text: "View All Services", href: "#services"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg"
imageAlt="Technician repairing an iPhone screen"
mediaAnimation="background-highlight"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/delivery-man-red-uniform-cap-showing-his-smartphone-pointing-with-index-finger-it-smiling-cheerfully-standing-white_141793-17010.jpg", alt: "Satisfied customer, Sarah"},
src: "http://img.b2bpic.net/free-photo/delivery-man-red-uniform-cap-showing-his-smartphone-pointing-with-index-finger-it-smiling-cheerfully-standing-white_141793-17010.jpg", alt: "Satisfied customer, Sarah"
},
{
src: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-holding-smartphone-looking-it-happy-excited-with-arm-raised-standing-orange-wall_141793-62224.jpg", alt: "Happy customer, John"},
src: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-holding-smartphone-looking-it-happy-excited-with-arm-raised-standing-orange-wall_141793-62224.jpg", alt: "Happy customer, John"
},
{
src: "http://img.b2bpic.net/free-photo/attractive-man-talking-smartphone-having-pleasant-conversation-looking-camera-graphite-copy-space_171337-567.jpg", alt: "Smiling customer, Emily"},
src: "http://img.b2bpic.net/free-photo/attractive-man-talking-smartphone-having-pleasant-conversation-looking-camera-graphite-copy-space_171337-567.jpg", alt: "Smiling customer, Emily"
},
{
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-74572.jpg", alt: "Reliable customer, David"},
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-74572.jpg", alt: "Reliable customer, David"
},
{
src: "http://img.b2bpic.net/free-photo/young-male-blue-shirt-showing-cup-front-view_176474-99222.jpg", alt: "Pleased customer, Olivia"},
src: "http://img.b2bpic.net/free-photo/young-male-blue-shirt-showing-cup-front-view_176474-99222.jpg", alt: "Pleased customer, Olivia"
}
]}
avatarText="Trusted by 5000+ happy customers!"
marqueeItems={[
{
type: "text-icon", text: "Screen Repair", icon: Monitor,
type: "text-icon", text: "Screen Repair", icon: Monitor
},
{
type: "text-icon", text: "Battery Replacement", icon: Lightbulb,
type: "text-icon", text: "Battery Replacement", icon: Lightbulb
},
{
type: "text-icon", text: "Water Damage", icon: Droplet,
type: "text-icon", text: "Water Damage", icon: Droplet
},
{
type: "text-icon", text: "Camera Fix", icon: Camera,
type: "text-icon", text: "Camera Fix", icon: Camera
},
{
type: "text-icon", text: "Charging Port", icon: Link,
},
type: "text-icon", text: "Charging Port", icon: Link
}
]}
/>
</div>
@@ -110,11 +125,14 @@ export default function LandingPage() {
description="At Roxy iPhone Repairs, we pride ourselves on delivering exceptional service with unparalleled expertise. Our certified technicians use only high-quality parts and state-of-the-art tools to bring your iPhone back to life quickly and efficiently. We understand how essential your device is, which is why we're committed to providing a seamless repair experience."
metrics={[
{
value: "10+", title: "Years Experience"},
value: "10+", title: "Years Experience"
},
{
value: "5K+", title: "Repairs Completed"},
value: "5K+", title: "Repairs Completed"
},
{
value: "98%", title: "Customer Satisfaction"},
value: "98%", title: "Customer Satisfaction"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/male-technician-touching-digital-tablet-screen-working-hardware-equipment-s_23-2147883741.jpg"
imageAlt="iPhone repair tools on a workbench"
@@ -133,29 +151,38 @@ export default function LandingPage() {
title: "Expert Screen Replacement", description: "Restore your iPhone's display to its original clarity with our high-quality screen replacement services. We handle all models with precision.", icon: Smartphone,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500055.jpg", imageAlt: "Cracked iPhone screen"},
imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500055.jpg", imageAlt: "Cracked iPhone screen"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-is-prepares-smartphone-restoration-fixing-electronic-device-service-works_346278-1790.jpg", imageAlt: "New iPhone screen being installed"},
imageSrc: "http://img.b2bpic.net/free-photo/man-is-prepares-smartphone-restoration-fixing-electronic-device-service-works_346278-1790.jpg", imageAlt: "New iPhone screen being installed"
}
],
imageSrc: "http://img.b2bpic.net/free-vector/gradient-mobile-store-logo-template_23-2149732019.jpg", imageAlt: "cracked iphone screen damage"},
imageSrc: "http://img.b2bpic.net/free-vector/gradient-mobile-store-logo-template_23-2149732019.jpg", imageAlt: "cracked iphone screen damage"
},
{
title: "Battery Health Optimization", description: "Is your iPhone's battery draining fast? Get a new, long-lasting battery installed by our experts to revitalize your device's power.", icon: Lightbulb,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-person-tying-her-sneakers_23-2148205914.jpg", imageAlt: "Old and new iPhone batteries"},
imageSrc: "http://img.b2bpic.net/free-photo/young-person-tying-her-sneakers_23-2148205914.jpg", imageAlt: "Old and new iPhone batteries"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bearded-professional-shows-repaired-fixed-smartphone-after-service-replacement-his-specific-tools-toolkit-bag-near-laptop-wooden-white-table_346278-1208.jpg", imageAlt: "iPhone battery diagnostic on screen"},
imageSrc: "http://img.b2bpic.net/free-photo/bearded-professional-shows-repaired-fixed-smartphone-after-service-replacement-his-specific-tools-toolkit-bag-near-laptop-wooden-white-table_346278-1208.jpg", imageAlt: "iPhone battery diagnostic on screen"
}
],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg", imageAlt: "cracked iphone screen damage"},
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg", imageAlt: "cracked iphone screen damage"
},
{
title: "Water Damage Repair", description: "Accidentally dropped your iPhone in water? Our specialized liquid damage repair service can often save your device from permanent damage.", icon: Droplet,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/submerged-smartphone_23-2148109743.jpg", imageAlt: "Water droplets on an iPhone screen"},
imageSrc: "http://img.b2bpic.net/free-photo/submerged-smartphone_23-2148109743.jpg", imageAlt: "Water droplets on an iPhone screen"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/assortment-dirty-dumped-objects_23-2148996979.jpg", imageAlt: "iPhone open for water damage cleaning"},
imageSrc: "http://img.b2bpic.net/free-photo/assortment-dirty-dumped-objects_23-2148996979.jpg", imageAlt: "iPhone open for water damage cleaning"
}
],
imageSrc: "http://img.b2bpic.net/free-photo/male-technician-touching-digital-tablet-screen-working-hardware-equipment-s_23-2147883741.jpg", imageAlt: "cracked iphone screen damage"},
imageSrc: "http://img.b2bpic.net/free-photo/male-technician-touching-digital-tablet-screen-working-hardware-equipment-s_23-2147883741.jpg", imageAlt: "cracked iphone screen damage"
}
]}
title="Our Expert iPhone Repair Services"
description="We offer a comprehensive range of repair services to fix almost any issue your iPhone might face, ensuring it runs perfectly."
@@ -171,22 +198,28 @@ export default function LandingPage() {
products={[
{
id: "p1", brand: "Apple", name: "iPhone 15 Screen Replacement", price: "£189.99", rating: 5,
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shocked-young-man-showing-his-broken-smartphone_23-2149375008.jpg", imageAlt: "Shattered iPhone 15 screen"},
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shocked-young-man-showing-his-broken-smartphone_23-2149375008.jpg", imageAlt: "Shattered iPhone 15 screen"
},
{
id: "p2", brand: "Apple", name: "iPhone 15 Back Glass Repair", price: "£149.99", rating: 5,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop_1057-4327.jpg", imageAlt: "Cracked iPhone 15 back glass"},
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop_1057-4327.jpg", imageAlt: "Cracked iPhone 15 back glass"
},
{
id: "p3", brand: "Apple", name: "iPhone 14 Battery Replacement", price: "£89.99", rating: 5,
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-charging-mobile-phone_53876-13956.jpg", imageAlt: "iPhone 14 battery diagnostic screen"},
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-charging-mobile-phone_53876-13956.jpg", imageAlt: "iPhone 14 battery diagnostic screen"
},
{
id: "p4", brand: "Apple", name: "iPhone 14 Charging Port Repair", price: "£79.99", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/master-holds-smartphone-body-new-replacement-screen-tool-kit-repairment-white-table_346278-1203.jpg", imageAlt: "Dirty iPhone 14 charging port"},
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/master-holds-smartphone-body-new-replacement-screen-tool-kit-repairment-white-table_346278-1203.jpg", imageAlt: "Dirty iPhone 14 charging port"
},
{
id: "p5", brand: "Apple", name: "iPhone 13 Camera Repair", price: "£99.99", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-taking-photo_23-2148544253.jpg", imageAlt: "iPhone 13 with non-functional camera"},
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-taking-photo_23-2148544253.jpg", imageAlt: "iPhone 13 with non-functional camera"
},
{
id: "p6", brand: "Apple", name: "iPhone 13 Speaker Repair", price: "£69.99", rating: 4,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/unhappy-black-unshaven-man-listens-music-headphones-has-displeased-expression-holds-mobile-phone-dressed-casually-upset-as-cannot-download-song-playlist_273609-34623.jpg", imageAlt: "iPhone 13 speaker with hand testing sound"},
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/unhappy-black-unshaven-man-listens-music-headphones-has-displeased-expression-holds-mobile-phone-dressed-casually-upset-as-cannot-download-song-playlist_273609-34623.jpg", imageAlt: "iPhone 13 speaker with hand testing sound"
}
]}
title="Popular iPhone Repair Solutions"
description="Explore our most sought-after repair services for various iPhone models. If you don't see your specific issue, contact us for a custom quote."
@@ -203,29 +236,35 @@ export default function LandingPage() {
id: "basic", badge: "Standard", badgeIcon: Sparkles,
price: "£89", subtitle: "Most common repairs", buttons: [
{
text: "Get Started", href: "#contact"},
text: "Get Started", href: "#contact"
}
],
features: [
"Screen Replacement (Older Models)", "Battery Replacement", "Charging Port Repair", "90-Day Warranty"],
"Screen Replacement (Older Models)", "Battery Replacement", "Charging Port Repair", "90-Day Warranty"
]
},
{
id: "premium", badge: "Premium", badgeIcon: Star,
price: "£149", subtitle: "Advanced repairs & latest models", buttons: [
{
text: "Choose Plan", href: "#contact"},
text: "Choose Plan", href: "#contact"
}
],
features: [
"Screen Replacement (Latest Models)", "Back Glass Repair", "Camera/Speaker Repair", "Water Damage Diagnostic", "1-Year Warranty"],
"Screen Replacement (Latest Models)", "Back Glass Repair", "Camera/Speaker Repair", "Water Damage Diagnostic", "1-Year Warranty"
]
},
{
id: "ultimate", badge: "Ultimate Care", badgeIcon: ShieldCheck,
price: "Custom", subtitle: "Complex issues & data recovery", buttons: [
{
text: "Contact for Quote", href: "#contact"},
text: "Contact for Quote", href: "#contact"
}
],
features: [
"Motherboard Repair", "Data Recovery Services", "Advanced Diagnostics", "Priority Service & Support", "1-Year Warranty"],
},
"Motherboard Repair", "Data Recovery Services", "Advanced Diagnostics", "Priority Service & Support", "1-Year Warranty"
]
}
]}
title="Transparent Pricing for Quality Repairs"
description="Our pricing is straightforward with no hidden fees. Choose the service that fits your needs or contact us for a custom quote."
@@ -239,11 +278,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "98%", title: "Customer Satisfaction", description: "Our customers consistently rate us highly for exceptional service and successful repairs.", imageSrc: "http://img.b2bpic.net/free-photo/close-view-micro-driver-with-small-screw-it-dissasembling-broken-phone-process_346278-1190.jpg", imageAlt: "Green checkmark on smartphone"},
id: "m1", value: "98%", title: "Customer Satisfaction", description: "Our customers consistently rate us highly for exceptional service and successful repairs.", imageSrc: "http://img.b2bpic.net/free-photo/close-view-micro-driver-with-small-screw-it-dissasembling-broken-phone-process_346278-1190.jpg", imageAlt: "Green checkmark on smartphone"
},
{
id: "m2", value: "30 Mins", title: "Average Repair Time", description: "Most common repairs are completed in less than an hour, getting your device back to you quickly.", imageSrc: "http://img.b2bpic.net/free-photo/repair-smartphone-app-gray-background_493343-30014.jpg", imageAlt: "Fast stopwatch with iPhone"},
id: "m2", value: "30 Mins", title: "Average Repair Time", description: "Most common repairs are completed in less than an hour, getting your device back to you quickly.", imageSrc: "http://img.b2bpic.net/free-photo/repair-smartphone-app-gray-background_493343-30014.jpg", imageAlt: "Fast stopwatch with iPhone"
},
{
id: "m3", value: "1-Year", title: "Warranty on Repairs", description: "We stand behind our work with a full 1-year warranty on all parts and labor for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500046.jpg", imageAlt: "Shield with iPhone icon"},
id: "m3", value: "1-Year", title: "Warranty on Repairs", description: "We stand behind our work with a full 1-year warranty on all parts and labor for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphones-ilustrated_23-2151500046.jpg", imageAlt: "Shield with iPhone icon"
}
]}
title="Why Choose Roxy iPhone Repairs?"
description="Our commitment to quality, speed, and customer satisfaction sets us apart. Your iPhone is in trusted hands."
@@ -258,15 +300,20 @@ export default function LandingPage() {
author="Sarah J."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg", alt: "Avatar of Sarah J."},
src: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg", alt: "Avatar of Sarah J."
},
{
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Avatar of Mark T."},
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Avatar of Mark T."
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213542.jpg", alt: "Avatar of Emily R."},
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213542.jpg", alt: "Avatar of Emily R."
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg", alt: "Avatar of David K."},
src: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg", alt: "Avatar of David K."
},
{
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg", alt: "Avatar of Olivia M."},
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg", alt: "Avatar of Olivia M."
}
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -279,13 +326,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "How long does an iPhone repair take?", content: "Most common repairs, such as screen or battery replacements, are completed within 30-60 minutes. More complex issues may take longer."},
id: "q1", title: "How long does an iPhone repair take?", content: "Most common repairs, such as screen or battery replacements, are completed within 30-60 minutes. More complex issues may take longer."
},
{
id: "q2", title: "Do you offer a warranty on repairs?", content: "Yes, all our repairs come with a 1-year warranty covering both parts and labor. Your satisfaction and peace of mind are our priority."},
id: "q2", title: "Do you offer a warranty on repairs?", content: "Yes, all our repairs come with a 1-year warranty covering both parts and labor. Your satisfaction and peace of mind are our priority."
},
{
id: "q3", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and contactless payments for your convenience. Payment is due upon completion of the repair."},
id: "q3", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and contactless payments for your convenience. Payment is due upon completion of the repair."
},
{
id: "q4", title: "Do I need an appointment for a repair?", content: "While walk-ins are welcome, we recommend booking an appointment to ensure the quickest service and availability of parts, especially for specific models."},
id: "q4", title: "Do I need an appointment for a repair?", content: "While walk-ins are welcome, we recommend booking an appointment to ensure the quickest service and availability of parts, especially for specific models."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-his-work-table-with-electronics_23-2148254089.jpg"
imageAlt="Stylized question mark with iPhone repair tools"
@@ -302,15 +353,18 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient"}}
variant: "sparkles-gradient"
}}
tag="Contact Us"
title="Ready to Get Your iPhone Fixed?"
description="Don't let a broken iPhone disrupt your day. Contact us today for a free quote or to book your repair appointment."
buttons={[
{
text: "Call Now: 0123 456789", href: "tel:0123456789"},
text: "Call Now: 0123 456789", href: "tel:0123456789"
},
{
text: "Email Us", href: "mailto:info@roxyiphonerepairs.co.uk"},
text: "Email Us", href: "mailto:info@roxyiphonerepairs.co.uk"
}
]}
/>
</div>
@@ -323,31 +377,39 @@ export default function LandingPage() {
{
items: [
{
label: "Home", href: "#home"},
label: "Home", href: "#home"
},
{
label: "Services", href: "#services"},
label: "Services", href: "#services"
},
{
label: "Pricing", href: "#pricing"},
],
label: "Pricing", href: "#pricing"
}
]
},
{
items: [
{
label: "About Us", href: "#about"},
label: "About Us", href: "#about"
},
{
label: "FAQ", href: "#faq"},
label: "FAQ", href: "#faq"
},
{
label: "Contact", href: "#contact"},
],
label: "Contact", href: "#contact"
}
]
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service", href: "#"
}
]
}
]}
logoText="Roxy iPhone Repairs"
/>