Update src/app/page.tsx
This commit is contained in:
418
src/app/page.tsx
418
src/app/page.tsx
@@ -26,317 +26,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="RepairAPI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RepairAPI"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="RepairAPI Solutions"
|
||||
description="Next-generation mobile repair logistics powered by real-time API integration. Get diagnostic, track status, and book repairs instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-837.jpg"
|
||||
imageAlt="Mobile repair diagnostic station"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="RepairAPI Solutions"
|
||||
description="Next-generation mobile repair logistics powered by real-time API integration. Get diagnostic, track status, and book repairs instantly."
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Pricing", href: "#pricing" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-837.jpg"
|
||||
imageAlt="Mobile repair diagnostic station"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Microsoldering",
|
||||
description: "High-precision board repair using advanced automated machinery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/using-soldering-iron-fix-connector_23-2148254083.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rapid Parts Swap",
|
||||
description: "Authorized components installed with guaranteed compatibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-wearing-plaid-shirt-sitting-his-workplace-turning-smart-phone-his-hands-find-faults_343059-490.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real-time API Tracking",
|
||||
description: "Automated status updates via our direct diagnostic API gateway.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unhappy-young-man-talking-cellphone-against-pink-background_23-2147842098.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expert Repair Services"
|
||||
description="We combine human expertise with smart API diagnostics to ensure your device is back in action faster than ever."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Microsoldering", description: "High-precision board repair using advanced automated machinery.", imageSrc: "http://img.b2bpic.net/free-photo/using-soldering-iron-fix-connector_23-2148254083.jpg"},
|
||||
{
|
||||
title: "Rapid Parts Swap", description: "Authorized components installed with guaranteed compatibility.", imageSrc: "http://img.b2bpic.net/free-photo/technician-wearing-plaid-shirt-sitting-his-workplace-turning-smart-phone-his-hands-find-faults_343059-490.jpg"},
|
||||
{
|
||||
title: "Real-time API Tracking", description: "Automated status updates via our direct diagnostic API gateway.", imageSrc: "http://img.b2bpic.net/free-photo/unhappy-young-man-talking-cellphone-against-pink-background_23-2147842098.jpg"},
|
||||
]}
|
||||
title="Expert Repair Services"
|
||||
description="We combine human expertise with smart API diagnostics to ensure your device is back in action faster than ever."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "OLED Display Module",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-smartphone_23-2148705032.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "High-Cap Battery",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545663.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Charging Port Dock",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-magnifier_23-2148925543.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Precision Screw Kit",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vintage-camera_53876-32038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Camera Array Module",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5009.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Back Housing Shell",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4911.jpg",
|
||||
},
|
||||
]}
|
||||
title="Authentic Parts Catalog"
|
||||
description="High-quality, certified original parts available for immediate shipment or repair installation."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "OLED Display Module", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-smartphone_23-2148705032.jpg" },
|
||||
{ id: "p2", name: "High-Cap Battery", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545663.jpg" },
|
||||
{ id: "p3", name: "Charging Port Dock", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/close-up-researcher-working-with-magnifier_23-2148925543.jpg" },
|
||||
{ id: "p4", name: "Precision Screw Kit", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vintage-camera_53876-32038.jpg" },
|
||||
{ id: "p5", name: "Camera Array Module", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5009.jpg" },
|
||||
{ id: "p6", name: "Back Housing Shell", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4911.jpg" },
|
||||
]}
|
||||
title="Authentic Parts Catalog"
|
||||
description="High-quality, certified original parts available for immediate shipment or repair installation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49",
|
||||
subtitle: "Basic diagnostic & cleaning",
|
||||
features: [
|
||||
"Diagnostic Report",
|
||||
"Internal Cleaning",
|
||||
"Basic Calibration",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Advanced",
|
||||
price: "$149",
|
||||
subtitle: "Part replacement & testing",
|
||||
features: [
|
||||
"Includes Essential",
|
||||
"Part Replacement",
|
||||
"Hardware Testing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "expert",
|
||||
badge: "Premium",
|
||||
price: "$249",
|
||||
subtitle: "Board-level repair",
|
||||
features: [
|
||||
"Includes Advanced",
|
||||
"Microsoldering",
|
||||
"Warranty Guarantee",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Transparent Repair Pricing"
|
||||
description="Choose the level of service that fits your needs, with clear, upfront costs."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "$49", subtitle: "Basic diagnostic & cleaning", features: ["Diagnostic Report", "Internal Cleaning", "Basic Calibration"] },
|
||||
{ id: "pro", badge: "Advanced", price: "$149", subtitle: "Part replacement & testing", features: ["Includes Essential", "Part Replacement", "Hardware Testing"] },
|
||||
{ id: "expert", badge: "Premium", price: "$249", subtitle: "Board-level repair", features: ["Includes Advanced", "Microsoldering", "Warranty Guarantee"] },
|
||||
]}
|
||||
title="Transparent Repair Pricing"
|
||||
description="Choose the level of service that fits your needs, with clear, upfront costs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
company: "CreativeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-relaxing-spa-complex-using-smartphone_169016-58259.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
role: "Developer",
|
||||
company: "TechLogic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie R.",
|
||||
role: "CEO",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana K.",
|
||||
role: "Analyst",
|
||||
company: "DataHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-girl-is-posing-studio_176474-59460.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve L.",
|
||||
role: "Marketing",
|
||||
company: "GrowthIQ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Repairs Done",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Avg Turnaround",
|
||||
},
|
||||
]}
|
||||
title="Customer Experiences"
|
||||
description="Join thousands of satisfied users who regained their productivity with our seamless repair services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", role: "Designer", company: "CreativeFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-relaxing-spa-complex-using-smartphone_169016-58259.jpg" },
|
||||
{ id: "2", name: "Bob D.", role: "Developer", company: "TechLogic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg" },
|
||||
{ id: "3", name: "Charlie R.", role: "CEO", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg" },
|
||||
{ id: "4", name: "Dana K.", role: "Analyst", company: "DataHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-girl-is-posing-studio_176474-59460.jpg" },
|
||||
{ id: "5", name: "Eve L.", role: "Marketing", company: "GrowthIQ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "10K+", label: "Repairs Done" }, { value: "4.9", label: "Avg Rating" }, { value: "24h", label: "Avg Turnaround" }]}
|
||||
title="Customer Experiences"
|
||||
description="Join thousands of satisfied users who regained their productivity with our seamless repair services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Repair Request"
|
||||
description="Have questions or ready to book? Send us a request, and we'll connect via our automated API process."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "device",
|
||||
type: "text",
|
||||
placeholder: "Model / Device",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe the issue...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Repair Request"
|
||||
description="Have questions or ready to book? Send us a request, and we'll connect via our automated API process."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "device", type: "text", placeholder: "Model / Device", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe the issue...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="RepairAPI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 RepairAPI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="RepairAPI"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "API Docs", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 RepairAPI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user