Merge version_1 into main #2
345
src/app/page.tsx
345
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Analytics", id: "metrics"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Dulha Dulhan Brand"
|
||||
/>
|
||||
@@ -57,97 +49,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Manage Your Bridal Boutique With Confidence"
|
||||
description="The complete rental management system for Hafiz Abdul Rafay at Kachahry Bazar, Samundri. Track bookings, billing, and inventory with precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Abdul Rafay",
|
||||
handle: "@owner",
|
||||
testimonial: "This system has streamlined my boutique's booking process significantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-close-up-street_1321-25.jpg",
|
||||
},
|
||||
name: "Abdul Rafay", handle: "@owner", testimonial: "This system has streamlined my boutique's booking process significantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-close-up-street_1321-25.jpg"},
|
||||
{
|
||||
name: "Boutique Staff",
|
||||
handle: "@staff",
|
||||
testimonial: "Managing inventory and late fees is now effortless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg",
|
||||
},
|
||||
name: "Boutique Staff", handle: "@staff", testimonial: "Managing inventory and late fees is now effortless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg"},
|
||||
{
|
||||
name: "Local Client",
|
||||
handle: "@client",
|
||||
testimonial: "Fast service and clear invoices. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-by-skyscraper_1303-13655.jpg",
|
||||
},
|
||||
name: "Local Client", handle: "@client", testimonial: "Fast service and clear invoices. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-by-skyscraper_1303-13655.jpg"},
|
||||
{
|
||||
name: "Manager",
|
||||
handle: "@mgr",
|
||||
testimonial: "Automated reminders ensure everything is ready on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
name: "Manager", handle: "@mgr", testimonial: "Automated reminders ensure everything is ready on time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
name: "Partner",
|
||||
handle: "@partner",
|
||||
testimonial: "Best solution for local dress rental shops.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-attractive-stylish-bearded-man-brown_285396-4620.jpg",
|
||||
},
|
||||
name: "Partner", handle: "@partner", testimonial: "Best solution for local dress rental shops.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-attractive-stylish-bearded-man-brown_285396-4620.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get Started", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
alt: "Customer professional portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Customer professional portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-looks-camera-olive-green_141793-93004.jpg",
|
||||
alt: "Customer profile smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-looks-camera-olive-green_141793-93004.jpg", alt: "Customer profile smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149178089.jpg",
|
||||
alt: "Customer photo happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149178089.jpg", alt: "Customer photo happy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg",
|
||||
alt: "Staff profile picture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg", alt: "Staff profile picture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",
|
||||
alt: "Manager portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg", alt: "Manager portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Booking",
|
||||
},
|
||||
type: "text", text: "Real-time Booking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Billing",
|
||||
},
|
||||
type: "text", text: "Automated Billing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inventory Tracking",
|
||||
},
|
||||
type: "text", text: "Inventory Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Database",
|
||||
},
|
||||
type: "text", text: "Client Database"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Backup",
|
||||
},
|
||||
type: "text", text: "Secure Backup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,23 +108,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: DollarSign,
|
||||
title: "Total Income",
|
||||
value: "PKR 0",
|
||||
},
|
||||
id: "1", icon: DollarSign,
|
||||
title: "Total Income", value: "PKR 0"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Calendar,
|
||||
title: "Total Bookings",
|
||||
value: "0",
|
||||
},
|
||||
id: "2", icon: Calendar,
|
||||
title: "Total Bookings", value: "0"},
|
||||
{
|
||||
id: "3",
|
||||
icon: TrendingUp,
|
||||
title: "Sales Target",
|
||||
value: "100%",
|
||||
},
|
||||
id: "3", icon: TrendingUp,
|
||||
title: "Sales Target", value: "100%"},
|
||||
]}
|
||||
title="System Performance"
|
||||
description="Real-time analytics for your boutique operations."
|
||||
@@ -189,64 +129,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Booking & Scheduling",
|
||||
description: "Never miss a booking with our overlapping check system.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-desk-calendar_187299-47622.jpg?_wi=1",
|
||||
},
|
||||
title: "Booking & Scheduling", description: "Never miss a booking with our overlapping check system.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-desk-calendar_187299-47622.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Automatic date conflict alerts",
|
||||
},
|
||||
text: "Automatic date conflict alerts"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Receive date notifications",
|
||||
},
|
||||
text: "Receive date notifications"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg?_wi=2",
|
||||
imageAlt: "calendar icon modern",
|
||||
},
|
||||
{
|
||||
title: "Advanced Billing",
|
||||
description: "Generate custom receipts on standard 80mm thermal printers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/payment-machine-pos-terminal-with-paper-receipt_107791-17923.jpg",
|
||||
},
|
||||
title: "Advanced Billing", description: "Generate custom receipts on standard 80mm thermal printers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/payment-machine-pos-terminal-with-paper-receipt_107791-17923.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Printer,
|
||||
text: "80mm thermal print support",
|
||||
},
|
||||
text: "80mm thermal print support"},
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Unique DDB timestamp receipts",
|
||||
},
|
||||
text: "Unique DDB timestamp receipts"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg?_wi=1",
|
||||
imageAlt: "calendar icon modern",
|
||||
},
|
||||
{
|
||||
title: "Proactive Reminders",
|
||||
description: "Daily notifications keep your service on track.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alert-icon-front-side_187299-39174.jpg",
|
||||
},
|
||||
title: "Proactive Reminders", description: "Daily notifications keep your service on track.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alert-icon-front-side_187299-39174.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Bell,
|
||||
text: "Auto daily background check",
|
||||
},
|
||||
text: "Auto daily background check"},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
text: "Ready-to-receive prompts",
|
||||
},
|
||||
text: "Ready-to-receive prompts"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-red-wedding-bouquet-made-peonies-bride-s-hands_8353-11163.jpg?_wi=1",
|
||||
imageAlt: "calendar icon modern",
|
||||
},
|
||||
]}
|
||||
title="Built-in Management Power"
|
||||
@@ -262,59 +181,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Boutique",
|
||||
name: "Bridal Lehenga",
|
||||
price: "PKR 5,000",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-red-wedding-bouquet-made-peonies-bride-s-hands_8353-11163.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Boutique", name: "Bridal Lehenga", price: "PKR 5,000", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-red-wedding-bouquet-made-peonies-bride-s-hands_8353-11163.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Boutique",
|
||||
name: "Formal Sherwani",
|
||||
price: "PKR 4,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-floral-wear-standing-against-grey-wall-looking-away_23-2148122010.jpg",
|
||||
},
|
||||
id: "2", brand: "Boutique", name: "Formal Sherwani", price: "PKR 4,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-floral-wear-standing-against-grey-wall-looking-away_23-2148122010.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Boutique",
|
||||
name: "Party Wear Dress",
|
||||
price: "PKR 2,500",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-with-his-bridesmaids_1157-696.jpg",
|
||||
},
|
||||
id: "3", brand: "Boutique", name: "Party Wear Dress", price: "PKR 2,500", rating: 4,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/bride-with-his-bridesmaids_1157-696.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Boutique",
|
||||
name: "Designer Maxi",
|
||||
price: "PKR 3,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-gorgeous-bride-wearing-amazing-dress-holding-wedding-bouquet-garden_613910-19913.jpg",
|
||||
},
|
||||
id: "4", brand: "Boutique", name: "Designer Maxi", price: "PKR 3,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/smiling-gorgeous-bride-wearing-amazing-dress-holding-wedding-bouquet-garden_613910-19913.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Boutique",
|
||||
name: "Elegant Saree",
|
||||
price: "PKR 3,500",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-turkish-girl-long-red-dress-walks-summer-old-city_1157-13361.jpg",
|
||||
},
|
||||
id: "5", brand: "Boutique", name: "Elegant Saree", price: "PKR 3,500", rating: 5,
|
||||
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-turkish-girl-long-red-dress-walks-summer-old-city_1157-13361.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Boutique",
|
||||
name: "Wedding Wasket",
|
||||
price: "PKR 1,500",
|
||||
rating: 4,
|
||||
reviewCount: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-wedding-couple-their-wedding_1303-28334.jpg",
|
||||
},
|
||||
id: "6", brand: "Boutique", name: "Wedding Wasket", price: "PKR 1,500", rating: 4,
|
||||
reviewCount: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-wedding-couple-their-wedding_1303-28334.jpg"},
|
||||
]}
|
||||
title="Rental Collection"
|
||||
description="Your current collection available for booking."
|
||||
@@ -328,13 +211,9 @@ export default function LandingPage() {
|
||||
description="Keep full history of your clients, their spending, and previous rentals in one secure location."
|
||||
metrics={[
|
||||
{
|
||||
value: "0",
|
||||
title: "Total Customers",
|
||||
},
|
||||
value: "0", title: "Total Customers"},
|
||||
{
|
||||
value: "PKR 0",
|
||||
title: "Lifetime Spending",
|
||||
},
|
||||
value: "PKR 0", title: "Lifetime Spending"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -349,50 +228,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Standard Fine",
|
||||
price: "PKR 500",
|
||||
period: "/ day",
|
||||
features: [
|
||||
"Calculated automatically",
|
||||
"Based on return date",
|
||||
],
|
||||
id: "p1", title: "Standard Fine", price: "PKR 500", period: "/ day", features: [
|
||||
"Calculated automatically", "Based on return date"],
|
||||
button: {
|
||||
text: "Configure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg?_wi=2",
|
||||
imageAlt: "business dashboard analytics",
|
||||
},
|
||||
text: "Configure"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "business dashboard analytics"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Damage Fee",
|
||||
price: "Varies",
|
||||
period: "/ case",
|
||||
features: [
|
||||
"Full damage tracking",
|
||||
"Notes system included",
|
||||
],
|
||||
id: "p2", title: "Damage Fee", price: "Varies", period: "/ case", features: [
|
||||
"Full damage tracking", "Notes system included"],
|
||||
button: {
|
||||
text: "Configure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg?_wi=3",
|
||||
imageAlt: "business dashboard analytics",
|
||||
},
|
||||
text: "Configure"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg", imageAlt: "business dashboard analytics"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Advance",
|
||||
price: "50%",
|
||||
period: "Fixed",
|
||||
features: [
|
||||
"Deposit required",
|
||||
"Auto balance calculation",
|
||||
],
|
||||
id: "p3", title: "Advance", price: "50%", period: "Fixed", features: [
|
||||
"Deposit required", "Auto balance calculation"],
|
||||
button: {
|
||||
text: "Configure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-desk-calendar_187299-47622.jpg?_wi=2",
|
||||
imageAlt: "business dashboard analytics",
|
||||
},
|
||||
text: "Configure"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-desk-calendar_187299-47622.jpg", imageAlt: "business dashboard analytics"},
|
||||
]}
|
||||
title="Fine Policy"
|
||||
description="Late returns are handled automatically."
|
||||
@@ -405,20 +257,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to backup data?",
|
||||
content: "The system includes an Export/Import feature for full database backups in JSON format.",
|
||||
},
|
||||
id: "f1", title: "How to backup data?", content: "The system includes an Export/Import feature for full database backups in JSON format."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to reset system?",
|
||||
content: "You can use the 'Reset System' option in the settings; it requires an admin confirmation popup to prevent accidental loss.",
|
||||
},
|
||||
id: "f2", title: "How to reset system?", content: "You can use the 'Reset System' option in the settings; it requires an admin confirmation popup to prevent accidental loss."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Does it work offline?",
|
||||
content: "Yes, as an Electron-based application, it operates fully offline using your local MongoDB instance.",
|
||||
},
|
||||
id: "f3", title: "Does it work offline?", content: "Yes, as an Electron-based application, it operates fully offline using your local MongoDB instance."},
|
||||
]}
|
||||
title="Management Questions"
|
||||
description="Frequently asked questions about system setup and data maintenance."
|
||||
@@ -435,20 +278,12 @@ export default function LandingPage() {
|
||||
description="For technical assistance regarding your Dress Management System."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help you?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395754.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -457,33 +292,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Dashboard", href: "#hero"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Analytics", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Hafiz Abdul Rafay",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hafiz Abdul Rafay", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user