bender/872a1e74-aae6-484a-8f67-7e029103c2fb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 18:45:17 +00:00
parent 31220cb1c3
commit 2614ba0ade
1 changed files with 50 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

243
src/app/page.tsx
View File

@@ -33,29 +33,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "/"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "/#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "/#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "/#testimonials"},
{
name: "FAQs",
id: "#faqs",
},
name: "FAQs", id: "/#faqs"},
{
name: "Order Now",
id: "#order",
},
name: "Order Now", id: "/#order"},
{
name: "Admin", id: "/admin"},
]}
brandName="Product Platform"
/>
@@ -64,20 +54,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
imagePosition="right"
title="Unleash the Power of Our Platform"
description="Discover a seamless experience for managing your products and client orders with our cutting-edge platform. Simplify operations, boost sales, and drive growth."
buttons={[
{
text: "Explore Products",
href: "#products",
},
text: "Explore Products", href: "/#products"},
{
text: "Contact Sales",
href: "#order",
},
text: "Contact Sales", href: "/#order"},
]}
imageSrc="http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg"
imageAlt="Product dashboard interface"
@@ -85,53 +70,28 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-redhead-female-student-sits-armchair-leaning-arms-smiling_197531-22962.jpg",
alt: "Sarah Johnson, CEO",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-redhead-female-student-sits-armchair-leaning-arms-smiling_197531-22962.jpg", alt: "Sarah Johnson, CEO"},
{
src: "http://img.b2bpic.net/free-photo/tired-people-office-working-late_23-2149006105.jpg",
alt: "Michael Chen, Founder",
},
src: "http://img.b2bpic.net/free-photo/tired-people-office-working-late_23-2149006105.jpg", alt: "Michael Chen, Founder"},
{
src: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg",
alt: "Emily Rodriguez, Marketing Lead",
},
src: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg", alt: "Emily Rodriguez, Marketing Lead"},
{
src: "http://img.b2bpic.net/free-photo/man-with-fingers-intertwined-leaning-his-chin_1187-3066.jpg",
alt: "David Kim, Product Manager",
},
src: "http://img.b2bpic.net/free-photo/man-with-fingers-intertwined-leaning-his-chin_1187-3066.jpg", alt: "David Kim, Product Manager"},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-copy-space_23-2148612949.jpg",
alt: "Alex Miller, Lead Developer",
},
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-copy-space_23-2148612949.jpg", alt: "Alex Miller, Lead Developer"},
]}
avatarText="Join 10,000+ satisfied businesses"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/flat-design-geometric-business-card_23-2149292245.jpg",
alt: "Innovate Solutions Logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-geometric-business-card_23-2149292245.jpg", alt: "Innovate Solutions Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg",
alt: "Quantum Dynamics Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg", alt: "Quantum Dynamics Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/abstract-globe-technology-logo-with-global-tech-text-purple-tone_53876-117490.jpg",
alt: "Nexus Tech Logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/abstract-globe-technology-logo-with-global-tech-text-purple-tone_53876-117490.jpg", alt: "Nexus Tech Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-offul-toy-construction-designed-light-desk-toy-plastic_140725-33873.jpg",
alt: "Synergy Systems Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-offul-toy-construction-designed-light-desk-toy-plastic_140725-33873.jpg", alt: "Synergy Systems Logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627920.jpg",
alt: "Fusion Innovations Logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627920.jpg", alt: "Fusion Innovations Logo"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -147,29 +107,11 @@ export default function LandingPage() {
carouselMode="buttons"
features={[
{
title: "Responsive Product Grid",
description: "Showcase your products beautifully on any device with our fully responsive design. Your customers will enjoy a seamless browsing experience.",
imageSrc: "http://img.b2bpic.net/free-photo/summer-holiday_53876-31164.jpg",
imageAlt: "Responsive design across devices",
titleImageSrc: "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",
buttonText: "See it in action",
},
title: "Responsive Product Grid", description: "Showcase your products beautifully on any device with our fully responsive design. Your customers will enjoy a seamless browsing experience.", imageSrc: "http://img.b2bpic.net/free-photo/summer-holiday_53876-31164.jpg", imageAlt: "Responsive design across devices", titleImageSrc: "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", buttonText: "See it in action"},
{
title: "Intuitive Order Forms",
description: "Simplify the ordering process with dynamic forms. Customers can easily select products and provide their details, accelerating conversions.",
imageSrc: "http://img.b2bpic.net/free-photo/e-commerce-online-shopping-website-technology-concept_53876-133666.jpg",
imageAlt: "Customer order form",
titleImageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
buttonText: "Place an order",
},
title: "Intuitive Order Forms", description: "Simplify the ordering process with dynamic forms. Customers can easily select products and provide their details, accelerating conversions.", imageSrc: "http://img.b2bpic.net/free-photo/e-commerce-online-shopping-website-technology-concept_53876-133666.jpg", imageAlt: "Customer order form", titleImageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg", buttonText: "Place an order"},
{
title: "Secure Admin Panel",
description: "Gain full control over your inventory and client orders with our secure, easy-to-use admin panel. Manage everything from one centralized location.",
imageSrc: "http://img.b2bpic.net/free-photo/female-depot-staff-tracking-orders-controlling-warehouse-merchandise_482257-130861.jpg",
imageAlt: "Admin panel interface",
titleImageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-glowing-screen-notepad-table-night_169016-53665.jpg",
buttonText: "Manage products",
},
title: "Secure Admin Panel", description: "Gain full control over your inventory and client orders with our secure, easy-to-use admin panel. Manage everything from one centralized location.", imageSrc: "http://img.b2bpic.net/free-photo/female-depot-staff-tracking-orders-controlling-warehouse-merchandise_482257-130861.jpg", imageAlt: "Admin panel interface", titleImageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-glowing-screen-notepad-table-night_169016-53665.jpg", buttonText: "Manage products"},
]}
title="Features Designed for Your Success"
description="Our platform is built to streamline your workflow, enhance customer engagement, and provide robust control over your business operations."
@@ -185,53 +127,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "1",
name: "Quantum Smartwatch",
price: "$299",
variant: "Midnight Black",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-bandaging-her-arms_23-2148322435.jpg",
imageAlt: "Quantum Smartwatch",
},
id: "1", name: "Quantum Smartwatch", price: "$299", variant: "Midnight Black", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-bandaging-her-arms_23-2148322435.jpg", imageAlt: "Quantum Smartwatch"},
{
id: "2",
name: "Aura Wireless Earbuds",
price: "$129",
variant: "Cloud White",
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808020.jpg",
imageAlt: "Aura Wireless Earbuds",
},
id: "2", name: "Aura Wireless Earbuds", price: "$129", variant: "Cloud White", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808020.jpg", imageAlt: "Aura Wireless Earbuds"},
{
id: "3",
name: "Echo Smart Speaker",
price: "$199",
variant: "Space Grey",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722637.jpg",
imageAlt: "Echo Smart Speaker",
},
id: "3", name: "Echo Smart Speaker", price: "$199", variant: "Space Grey", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722637.jpg", imageAlt: "Echo Smart Speaker"},
{
id: "4",
name: "Volt Portable Charger",
price: "$49",
variant: "Metallic Silver",
imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-charging_58702-4479.jpg",
imageAlt: "Volt Portable Charger",
},
id: "4", name: "Volt Portable Charger", price: "$49", variant: "Metallic Silver", imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-charging_58702-4479.jpg", imageAlt: "Volt Portable Charger"},
{
id: "5",
name: "SkyDrone Pro",
price: "$899",
variant: "Stealth Black",
imageSrc: "http://img.b2bpic.net/free-photo/technologically-savvy-hipster-young-generation-millennial-professional-photographer-uses-remote-control-pilot-drone-quadrocopter-gadget-air_346278-15.jpg",
imageAlt: "SkyDrone Pro",
},
id: "5", name: "SkyDrone Pro", price: "$899", variant: "Stealth Black", imageSrc: "http://img.b2bpic.net/free-photo/technologically-savvy-hipster-young-generation-millennial-professional-photographer-uses-remote-control-pilot-drone-quadrocopter-gadget-air_346278-15.jpg", imageAlt: "SkyDrone Pro"},
{
id: "6",
name: "Vision VR Headset",
price: "$599",
variant: "Deep Blue",
imageSrc: "http://img.b2bpic.net/free-photo/amazed-businesswoman-watching-virtual-presentation_74855-1093.jpg",
imageAlt: "Vision VR Headset",
},
id: "6", name: "Vision VR Headset", price: "$599", variant: "Deep Blue", imageSrc: "http://img.b2bpic.net/free-photo/amazed-businesswoman-watching-virtual-presentation_74855-1093.jpg", imageAlt: "Vision VR Headset"},
]}
title="Our Featured Products"
description="Explore a selection of our most popular products, each designed with quality and innovation in mind. Find what you need to enhance your digital life."
@@ -246,25 +152,15 @@ export default function LandingPage() {
author="Sarah Johnson, CEO of TechCorp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/model-with-curly-hair-posing_23-2148323715.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/model-with-curly-hair-posing_23-2148323715.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804509.jpg",
alt: "Alex Miller",
},
src: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804509.jpg", alt: "Alex Miller"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -280,25 +176,13 @@ export default function LandingPage() {
carouselMode="buttons"
metrics={[
{
id: "m1",
value: "99.9%",
description: "Uptime Reliability",
},
id: "m1", value: "99.9%", description: "Uptime Reliability"},
{
id: "m2",
value: "+25%",
description: "Average Sales Increase",
},
id: "m2", value: "+25%", description: "Average Sales Increase"},
{
id: "m3",
value: "10K+",
description: "Products Managed",
},
id: "m3", value: "10K+", description: "Products Managed"},
{
id: "m4",
value: "5-Star",
description: "Customer Satisfaction",
},
id: "m4", value: "5-Star", description: "Customer Satisfaction"},
]}
title="Driving Success with Key Metrics"
description="Our platform's impact is quantifiable. See how we help businesses achieve outstanding results."
@@ -310,30 +194,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How does the order form work?",
content: "Our order form is dynamic, allowing customers to select products from a dropdown. It also features dynamic Wilaya and Commune dropdowns for precise delivery details, ensuring a smooth ordering experience.",
},
id: "faq1", title: "How does the order form work?", content: "Our order form is dynamic, allowing customers to select products from a dropdown. It also features dynamic Wilaya and Commune dropdowns for precise delivery details, ensuring a smooth ordering experience."},
{
id: "faq2",
title: "Is the admin panel secure?",
content: "Yes, the admin panel is secured with session-based authentication. Default login credentials are 'admin' / 'admin123', but we strongly recommend changing these immediately after the first login.",
},
id: "faq2", title: "Is the admin panel secure?", content: "Yes, the admin panel is secured with session-based authentication. Default login credentials are 'admin' / 'admin123', but we strongly recommend changing these immediately after the first login."},
{
id: "faq3",
title: "Can I add product videos?",
content: "Absolutely! Each product entry in the admin panel supports both image URLs and optional video URLs. You can showcase your products with compelling visuals and videos.",
},
id: "faq3", title: "Can I add product videos?", content: "Absolutely! Each product entry in the admin panel supports both image URLs and optional video URLs. You can showcase your products with compelling visuals and videos."},
{
id: "faq4",
title: "What database is used?",
content: "The backend utilizes a lightweight SQLite database to store product information and client orders. The database is automatically created on the first run if it doesn't already exist.",
},
id: "faq4", title: "What database is used?", content: "The backend utilizes a lightweight SQLite database to store product information and client orders. The database is automatically created on the first run if it doesn't already exist."},
{
id: "faq5",
title: "Is the landing page responsive?",
content: "Yes, the customer-facing landing page features a responsive design with a product grid, ensuring optimal viewing and interaction across all devices, from desktops to mobile phones.",
},
id: "faq5", title: "Is the landing page responsive?", content: "Yes, the customer-facing landing page features a responsive design with a product grid, ensuring optimal viewing and interaction across all devices, from desktops to mobile phones."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common questions about our platform, product features, and ordering process."
@@ -347,14 +216,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Innovate Solutions",
"Quantum Dynamics",
"Nexus Tech",
"Synergy Systems",
"Fusion Innovations",
"Pinnacle Labs",
"Aether Core",
]}
"Innovate Solutions", "Quantum Dynamics", "Nexus Tech", "Synergy Systems", "Fusion Innovations", "Pinnacle Labs", "Aether Core"]}
title="Trusted by Leading Innovators"
description="Our platform is the choice for businesses pushing the boundaries of technology and customer satisfaction."
speed={40}
@@ -366,8 +228,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Place Your Order"
title="Ready to Get Started?"
description="Fill out the form below to place your order or get in touch with our sales team for more information about our products and services."
@@ -384,19 +245,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>