Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Dashboard", id: "metrics" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RepairShop Pro"
|
||||
/>
|
||||
@@ -58,43 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Smart Electronics Repair Management"
|
||||
description="Streamline your repair business with our end-to-end management system. Track repairs, manage technicians, and automate reports in real-time."
|
||||
tag="Trusted by 500+ Shops"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "View Demo", href: "#" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiotrician-with-blue-protective-gloves-holding-smart-phone-with-blank-screen-trying-find-cause-malfunction_176532-10170.jpg?_wi=1",
|
||||
imageAlt: "Repair Bench",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-working-computer-ram_23-2147922333.jpg",
|
||||
imageAlt: "Repair Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-technician-inspecting-laptop-with-flashlight_1098-14303.jpg",
|
||||
imageAlt: "Modern Technician Inspecting Laptop with Flashlight",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-technician-working-computer-ram_23-2147923491.jpg",
|
||||
imageAlt: "Male technician working on computer RAM",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg",
|
||||
imageAlt: "Master holds new screen for replacement above disassembled smartphone",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/radiotrician-with-blue-protective-gloves-holding-smart-phone-with-blank-screen-trying-find-cause-malfunction_176532-10170.jpg", imageAlt: "Repair Bench" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-working-computer-ram_23-2147922333.jpg", imageAlt: "Repair Tools" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -109,49 +68,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Role-Based Access",
|
||||
description: "Manage Admins, Technicians, and Customers with secure, tailored permissions.",
|
||||
icon: Shield,
|
||||
title: "Role-Based Access", description: "Manage Admins, Technicians, and Customers with secure, tailored permissions.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-member-signup-page-form-template-with-easy-user-interface_1017-59678.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-yellow-background_169016-39375.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiotrician-with-blue-protective-gloves-holding-smart-phone-with-blank-screen-trying-find-cause-malfunction_176532-10170.jpg?_wi=2",
|
||||
imageAlt: "secure user login interface",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/web-member-signup-page-form-template-with-easy-user-interface_1017-59678.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-yellow-background_169016-39375.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Repair Lifecycle Tracking",
|
||||
description: "Status updates from Pending to Delivered with automated customer notifications.",
|
||||
icon: Zap,
|
||||
title: "Repair Lifecycle Tracking", description: "Status updates from Pending to Delivered with automated customer notifications.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
imageAlt: "secure user login interface",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Automated PDF Reporting",
|
||||
description: "Generate comprehensive business reports filtered by technician, date, or status.",
|
||||
icon: FileText,
|
||||
title: "Automated PDF Reporting", description: "Generate comprehensive business reports filtered by technician, date, or status.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg?_wi=1",
|
||||
imageAlt: "secure user login interface",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Core System Capabilities"
|
||||
@@ -165,26 +100,10 @@ export default function LandingPage() {
|
||||
title="Business Performance Metrics"
|
||||
tag="Real-time Analytics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
description: "Devices Repaired",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Average Turnaround",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "50+",
|
||||
description: "Registered Shops",
|
||||
},
|
||||
{ id: "m1", value: "1200+", description: "Devices Repaired" },
|
||||
{ id: "m2", value: "98%", description: "Customer Satisfaction" },
|
||||
{ id: "m3", value: "24h", description: "Average Turnaround" },
|
||||
{ id: "m4", value: "50+", description: "Registered Shops" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,39 +116,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49/mo",
|
||||
subtitle: "Perfect for single technicians",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 User Access",
|
||||
"Standard Tracking",
|
||||
"Email Support",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$49/mo", subtitle: "Perfect for single technicians", buttons: [{ text: "Choose Plan", href: "#" }],
|
||||
features: ["1 User Access", "Standard Tracking", "Email Support"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Enterprise",
|
||||
price: "$129/mo",
|
||||
subtitle: "For established repair centers",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Full Analytics",
|
||||
"PDF Reporting",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Enterprise", price: "$129/mo", subtitle: "For established repair centers", buttons: [{ text: "Choose Plan", href: "#" }],
|
||||
features: ["Unlimited Users", "Full Analytics", "PDF Reporting", "Priority Support"]
|
||||
},
|
||||
]}
|
||||
title="Scalable Plans for Your Shop"
|
||||
@@ -241,31 +133,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-cafe_23-2148436113.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-working-desktop-pc_482257-121862.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
|
||||
{ id: "t2", name: "Sarah Smith", imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg" },
|
||||
{ id: "t3", name: "Mike Brown", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" },
|
||||
{ id: "t4", name: "Anna Lee", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-cafe_23-2148436113.jpg" },
|
||||
{ id: "t5", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-working-desktop-pc_482257-121862.jpg" },
|
||||
]}
|
||||
cardTitle="Shop Owner Feedback"
|
||||
cardTag="Success Stories"
|
||||
@@ -278,26 +150,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I track repair status?",
|
||||
content: "Yes, customers can track their repairs in real-time using their unique request number.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does it support image uploads?",
|
||||
content: "Absolutely, users can attach images of their devices during the repair request submission.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I export PDF reports?",
|
||||
content: "Our system supports custom report generation filtered by specific criteria for easy business accounting.",
|
||||
},
|
||||
{ id: "q1", title: "Can I track repair status?", content: "Yes, customers can track their repairs in real-time using their unique request number." },
|
||||
{ id: "q2", title: "Does it support image uploads?", content: "Absolutely, users can attach images of their devices during the repair request submission." },
|
||||
{ id: "q3", title: "Can I export PDF reports?", content: "Our system supports custom report generation filtered by specific criteria for easy business accounting." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about setting up your repair management system."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -305,35 +165,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Modernize Your Shop?"
|
||||
description="Our team is here to help you get started with the Repair Shop Management System."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="RepairShop Pro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user