Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,94 +32,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ProductDB"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Manage Products with Precision"
|
||||
description="The ultimate database management system for scaling inventory, tracking metrics, and securing your business data with ease."
|
||||
kpis={[
|
||||
{
|
||||
value: "12k+",
|
||||
label: "Products Managed",
|
||||
},
|
||||
value: "12k+", label: "Products Managed"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime Guarantee",
|
||||
},
|
||||
value: "99.9%", label: "Uptime Guarantee"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Active Businesses",
|
||||
},
|
||||
value: "500+", label: "Active Businesses"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-staff-managing-package-labeling-using-shipment-details-adhesive-tags-handling-order-processing_482257-136336.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-staff-managing-package-labeling-using-shipment-details-adhesive-tags-handling-order-processing_482257-136336.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/specialist-uses-device-inspect-solar-plant-machinery-closeup_482257-120431.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/specialist-uses-device-inspect-solar-plant-machinery-closeup_482257-120431.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "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",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "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", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ teams"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Database",
|
||||
},
|
||||
type: "text", text: "Scalable Database"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Infrastructure",
|
||||
},
|
||||
type: "text", text: "Secure Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Metrics",
|
||||
},
|
||||
type: "text", text: "Real-time Metrics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Inventory",
|
||||
},
|
||||
type: "text", text: "Global Inventory"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Deployment",
|
||||
},
|
||||
type: "text", text: "Rapid Deployment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,38 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Database",
|
||||
author: "Backend Team",
|
||||
description: "Robust PDO-based connectivity ensures data security for all product records.",
|
||||
tags: [
|
||||
"Security",
|
||||
"Database",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-70807.jpg",
|
||||
},
|
||||
id: "f1", title: "Secure Database", author: "Backend Team", description: "Robust PDO-based connectivity ensures data security for all product records.", tags: [
|
||||
"Security", "Database"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-70807.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Real-time Updates",
|
||||
author: "Frontend Team",
|
||||
description: "Effortlessly update product sizes, prices, and features with real-time UI synchronization.",
|
||||
tags: [
|
||||
"Fast",
|
||||
"UI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-tall-glass_23-2148835363.jpg",
|
||||
},
|
||||
id: "f2", title: "Real-time Updates", author: "Frontend Team", description: "Effortlessly update product sizes, prices, and features with real-time UI synchronization.", tags: [
|
||||
"Fast", "UI"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-tall-glass_23-2148835363.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Advanced Search",
|
||||
author: "Logic Core",
|
||||
description: "Find specific products instantly within our high-performance relational database structures.",
|
||||
tags: [
|
||||
"Search",
|
||||
"Logic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-cosmetics-containers-high-angle_23-2149270031.jpg",
|
||||
},
|
||||
id: "f3", title: "Advanced Search", author: "Logic Core", description: "Find specific products instantly within our high-performance relational database structures.", tags: [
|
||||
"Search", "Logic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-cosmetics-containers-high-angle_23-2149270031.jpg"},
|
||||
]}
|
||||
title="Comprehensive Management Features"
|
||||
description="Powerful tools built for efficiency and data integrity."
|
||||
@@ -177,25 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Support Access",
|
||||
description: "Technical support for your database.",
|
||||
icon: Shield,
|
||||
id: "m1", value: "24/7", title: "Support Access", description: "Technical support for your database.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5ms",
|
||||
title: "Query Response",
|
||||
description: "Optimized PDO query execution speeds.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "5ms", title: "Query Response", description: "Optimized PDO query execution speeds.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1TB",
|
||||
title: "Data Capacity",
|
||||
description: "Scalable storage for your growing inventory.",
|
||||
icon: Database,
|
||||
id: "m3", value: "1TB", title: "Data Capacity", description: "Scalable storage for your growing inventory.", icon: Database,
|
||||
},
|
||||
]}
|
||||
title="System Performance Insights"
|
||||
@@ -211,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Hardware",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg",
|
||||
},
|
||||
id: "p1", name: "Premium Hardware", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Standard Component",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039322.jpg",
|
||||
},
|
||||
id: "p2", name: "Standard Component", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039322.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "High-Tech Module",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-58188.jpg",
|
||||
},
|
||||
id: "p3", name: "High-Tech Module", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-58188.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Base Storage",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-cleaning-concept_23-2148781917.jpg",
|
||||
},
|
||||
id: "p4", name: "Base Storage", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-cleaning-concept_23-2148781917.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cooling System",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-office-supplies_23-2151968887.jpg",
|
||||
},
|
||||
id: "p5", name: "Cooling System", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-office-supplies_23-2151968887.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Advanced Controller",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-podium-white-natural-background-product-display-enough-empty-space-text-con_1258-108677.jpg",
|
||||
},
|
||||
id: "p6", name: "Advanced Controller", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/white-podium-white-natural-background-product-display-enough-empty-space-text-con_1258-108677.jpg"},
|
||||
]}
|
||||
title="Featured Product Showcase"
|
||||
description="A glimpse into our high-performing database entries."
|
||||
@@ -260,45 +169,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-holding-laptop-raising-finger-isolated-olive-green-with-copy-space_141793-77391.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-holding-laptop-raising-finger-isolated-olive-green-with-copy-space_141793-77391.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "PM",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "PM", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Lead",
|
||||
company: "BuildFast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Smith", role: "Lead", company: "BuildFast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="Read what our users say about the ProductDB management system."
|
||||
@@ -311,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the database secure?",
|
||||
content: "Yes, our implementation uses PDO prepared statements to ensure data integrity and prevent SQL injection.",
|
||||
},
|
||||
id: "q1", title: "Is the database secure?", content: "Yes, our implementation uses PDO prepared statements to ensure data integrity and prevent SQL injection."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I update products?",
|
||||
content: "Our updateForm.php implementation allows for seamless product data modifications.",
|
||||
},
|
||||
id: "q2", title: "How do I update products?", content: "Our updateForm.php implementation allows for seamless product data modifications."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What scaling options exist?",
|
||||
content: "Our modular design allows for database expansion as your inventory grows.",
|
||||
},
|
||||
id: "q3", title: "What scaling options exist?", content: "Our modular design allows for database expansion as your inventory grows."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our product management solutions."
|
||||
@@ -336,8 +211,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Scale Your Database?"
|
||||
description="Sign up for a demo or start your management journey with us today."
|
||||
@@ -350,50 +224,31 @@ export default function LandingPage() {
|
||||
logoText="ProductDB"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dashboard", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Metrics", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user