Merge version_1 into main #1
176
src/app/page.tsx
176
src/app/page.tsx
@@ -16,25 +16,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "dashboard"},
|
||||
{
|
||||
name: "Orders",
|
||||
id: "orders",
|
||||
},
|
||||
name: "Orders", id: "orders"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "settings",
|
||||
},
|
||||
name: "Settings", id: "settings"},
|
||||
]}
|
||||
brandName="Sacoche Accessoire NN"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -45,25 +47,13 @@ export default function LandingPage() {
|
||||
tag="Daily Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "124",
|
||||
description: "Total Orders",
|
||||
},
|
||||
id: "1", value: "124", description: "Total Orders"},
|
||||
{
|
||||
id: "2",
|
||||
value: "1.2M DA",
|
||||
description: "Total Revenue",
|
||||
},
|
||||
id: "2", value: "1.2M DA", description: "Total Revenue"},
|
||||
{
|
||||
id: "3",
|
||||
value: "12",
|
||||
description: "Pending",
|
||||
},
|
||||
id: "3", value: "12", description: "Pending"},
|
||||
{
|
||||
id: "4",
|
||||
value: "89",
|
||||
description: "Delivered",
|
||||
},
|
||||
id: "4", value: "89", description: "Delivered"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -80,35 +70,15 @@ export default function LandingPage() {
|
||||
tag="Live Queue"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Leather Bag",
|
||||
price: "15,000 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-holding-her-hat-down_23-2148448803.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Leather Bag", price: "15,000 DA", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-holding-her-hat-down_23-2148448803.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Monogram Clutch",
|
||||
price: "8,500 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accessories-details-stylish-woman-walking-city-warm-fur-coat-holding-black-leather-bag-winter-season_285396-4714.jpg",
|
||||
},
|
||||
id: "2", name: "Monogram Clutch", price: "8,500 DA", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accessories-details-stylish-woman-walking-city-warm-fur-coat-holding-black-leather-bag-winter-season_285396-4714.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Travel Briefcase",
|
||||
price: "22,000 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-baggage_23-2149380182.jpg",
|
||||
},
|
||||
id: "3", name: "Travel Briefcase", price: "22,000 DA", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-baggage_23-2149380182.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Suede Wallet",
|
||||
price: "4,200 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916695.jpg",
|
||||
},
|
||||
id: "4", name: "Suede Wallet", price: "4,200 DA", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916695.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Crossbody Accessory",
|
||||
price: "9,800 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-happy-phone-lake-flowers-walking_1303-3026.jpg",
|
||||
},
|
||||
id: "5", name: "Crossbody Accessory", price: "9,800 DA", imageSrc: "http://img.b2bpic.net/free-photo/casual-happy-phone-lake-flowers-walking_1303-3026.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,40 +93,15 @@ export default function LandingPage() {
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amine R.",
|
||||
role: "Premium Customer",
|
||||
testimonial: "Excellent service and quality products. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
id: "1", name: "Amine R.", role: "Premium Customer", testimonial: "Excellent service and quality products. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara K.",
|
||||
role: "Collector",
|
||||
testimonial: "The attention to detail in every bag is unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
id: "2", name: "Sara K.", role: "Collector", testimonial: "The attention to detail in every bag is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim B.",
|
||||
role: "Corporate Client",
|
||||
testimonial: "Fast delivery and professional handling of bulk orders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "3", name: "Karim B.", role: "Corporate Client", testimonial: "Fast delivery and professional handling of bulk orders.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lila M.",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "Beautiful design, exactly as described on the dashboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoys-leisure-time-spends-weekend-with-friends-strolls-city-listens-music-happy-about-successfully-passed-exam-smiles-broadly-poses-blurred_273609-54082.jpg",
|
||||
},
|
||||
id: "4", name: "Lila M.", role: "Loyal Customer", testimonial: "Beautiful design, exactly as described on the dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoys-leisure-time-spends-weekend-with-friends-strolls-city-listens-music-happy-about-successfully-passed-exam-smiles-broadly-poses-blurred_273609-54082.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Yacine T.",
|
||||
role: "Fashion Enthusiast",
|
||||
testimonial: "The best luxury store in town, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
},
|
||||
id: "5", name: "Yacine T.", role: "Fashion Enthusiast", testimonial: "The best luxury store in town, period.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,30 +117,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How to update order status?",
|
||||
content: "Simply click on the order and use the status dropdown.",
|
||||
},
|
||||
id: "1", title: "How to update order status?", content: "Simply click on the order and use the status dropdown."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I export revenue reports?",
|
||||
content: "Yes, navigate to Settings > Reports to generate CSV files.",
|
||||
},
|
||||
id: "2", title: "Can I export revenue reports?", content: "Yes, navigate to Settings > Reports to generate CSV files."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is my data secure?",
|
||||
content: "We use end-to-end encryption for all store data.",
|
||||
},
|
||||
id: "3", title: "Is my data secure?", content: "We use end-to-end encryption for all store data."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I add a product?",
|
||||
content: "Go to the 'Add Order' section and fill the details.",
|
||||
},
|
||||
id: "4", title: "How do I add a product?", content: "Go to the 'Add Order' section and fill the details."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer support?",
|
||||
content: "Our team is available 24/7 via the help chat.",
|
||||
},
|
||||
id: "5", title: "Do you offer support?", content: "Our team is available 24/7 via the help chat."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,40 +139,15 @@ export default function LandingPage() {
|
||||
description="Key growth indicators for your luxury brand."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Retention Rate",
|
||||
subtitle: "Customer Loyalty",
|
||||
category: "Growth",
|
||||
value: "98%",
|
||||
},
|
||||
id: "1", title: "Retention Rate", subtitle: "Customer Loyalty", category: "Growth", value: "98%"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Avg Order Value",
|
||||
subtitle: "Monetary",
|
||||
category: "Sales",
|
||||
value: "12,400 DA",
|
||||
},
|
||||
id: "2", title: "Avg Order Value", subtitle: "Monetary", category: "Sales", value: "12,400 DA"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Site Traffic",
|
||||
subtitle: "Daily Users",
|
||||
category: "Marketing",
|
||||
value: "2.4k",
|
||||
},
|
||||
id: "3", title: "Site Traffic", subtitle: "Daily Users", category: "Marketing", value: "2.4k"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Churn Rate",
|
||||
subtitle: "Monthly",
|
||||
category: "Retention",
|
||||
value: "1.2%",
|
||||
},
|
||||
id: "4", title: "Churn Rate", subtitle: "Monthly", category: "Retention", value: "1.2%"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Conversion",
|
||||
subtitle: "Sales Success",
|
||||
category: "Sales",
|
||||
value: "4.5%",
|
||||
},
|
||||
id: "5", title: "Conversion", subtitle: "Sales Success", category: "Sales", value: "4.5%"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,16 +157,11 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-black-background-with-wavy-lines_23-2149158562.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Orders",
|
||||
href: "#orders",
|
||||
},
|
||||
label: "Orders", href: "#orders"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user