150 lines
7.3 KiB
TypeScript
150 lines
7.3 KiB
TypeScript
import AboutText from '@/components/sections/about/AboutText';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
|
import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
|
|
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
|
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
|
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroTiltedCards
|
|
tag="Revolutionize Your Shop"
|
|
title="Barcode Billing Made Simple and Fast"
|
|
description="Manage inventory, process sales, and track stock in realtime. One dashboard for complete shop control."
|
|
primaryButton={{
|
|
text: "Start Your Free Trial", href: "#contact"}}
|
|
secondaryButton={{
|
|
text: "View Demo", href: "#about"}}
|
|
items={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-with-disability-uses-airway-bill-numbers-tracking-info-software_482257-136162.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-thrift-shop_23-2149726865.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142195.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-fitness-mobile-app-infographic_23-2148203348.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/storehouse-supplies-with-cardboard-boxes-racks-packages-carton-containers-prepared-products-distribution-shipment-warehouse-room-with-retail-store-cargo-industrial-stock_482257-65036.jpg" },
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutText
|
|
title="Empowering Retailers with Precision Technology"
|
|
primaryButton={{
|
|
text: "See How It Works", href: "#features"}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesBentoGrid
|
|
tag="Platform Features"
|
|
title="Everything You Need to Manage Your Store"
|
|
description="Our platform combines speed, efficiency, and real-time tracking."
|
|
features={[
|
|
{
|
|
title: "Real-time Inventory", description: "Automatic updates whenever a sale is made.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg"},
|
|
{
|
|
title: "Barcode Scanning", description: "Rapid scanning at your POS interface.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-yellow-mask_23-2149729522.jpg"},
|
|
{
|
|
title: "Sales Reporting", description: "Insights into your revenue streams and trends.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg"},
|
|
{
|
|
title: "Staff Management", description: "Controlled access and performance tracking.", imageSrc: "http://img.b2bpic.net/free-photo/modern-stylish-store-employee-helping-client-explore-clothing-options_482257-113380.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsFeatureCards
|
|
tag="Proven Results"
|
|
title="Measure Your Success"
|
|
description="Boost efficiency with data-driven insights."
|
|
metrics={[
|
|
{
|
|
value: "50%", title: "Checkout Speed Increase", features: [
|
|
"Faster payments", "Less queue time"],
|
|
},
|
|
{
|
|
value: "99.9%", title: "Inventory Accuracy", features: [
|
|
"No stock errors", "Automated tracking"],
|
|
},
|
|
{
|
|
value: "24/7", title: "Real-time Access", features: [
|
|
"Anywhere, anytime", "Cloud-based portal"],
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialMarqueeOverlayCards
|
|
tag="Client Success"
|
|
title="Trusted by Shop Owners"
|
|
description="Hear what retailers are saying about our platform."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Miller", role: "Owner", company: "Urban Boutique", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-standing-with-arms-akimbo_107420-95954.jpg"},
|
|
{
|
|
name: "James Chen", role: "Manager", company: "Tech Express", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
|
{
|
|
name: "Linda Davis", role: "Director", company: "Green Leaf Market", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg"},
|
|
{
|
|
name: "Mike Ross", role: "Owner", company: "Hardware Hub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-christmas-gifts-presents_1098-22323.jpg"},
|
|
{
|
|
name: "Emily Stone", role: "Shop Owner", company: "Style Daily", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-owner-sitting-table_23-2149434602.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTwoColumn
|
|
tag="Common Questions"
|
|
title="Frequently Asked Questions"
|
|
description="Answers to help you get started quickly."
|
|
items={[
|
|
{
|
|
question: "Is barcode scanner hardware supported?", answer: "Yes, our platform works with all standard USB and Bluetooth barcode scanners."},
|
|
{
|
|
question: "Can I use this for multiple stores?", answer: "Absolutely! Our dashboard supports multi-location inventory management."},
|
|
{
|
|
question: "Is training provided for staff?", answer: "We offer comprehensive onboarding videos and support documentation."},
|
|
{
|
|
question: "How secure is my data?", answer: "Your data is secured with AES-256 encryption and daily automated backups."},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Ready to Start?"
|
|
text="Join hundreds of successful shop owners. Transform your business today."
|
|
primaryButton={{
|
|
text: "Get Started Free", href: "#"}}
|
|
secondaryButton={{
|
|
text: "Book a Demo", href: "#"}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|