Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -2,15 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { LayoutDashboard, Package, ShoppingCart, BarChart3 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AdminDashboardPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -25,217 +22,42 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SwiftMarket"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Orders", id: "orders" },
|
||||
]}
|
||||
brandName="SwiftMarket Admin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="SwiftMarket"
|
||||
description="Your ultimate destination for high-quality electronics, gadgets, and tech accessories. Experience seamless shopping with fast, reliable delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896842.jpg"
|
||||
imageAlt="SwiftMarket Hero"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Admin Dashboard"
|
||||
description="Manage your inventory, track product performance, and oversee customer orders in real-time."
|
||||
buttons={[
|
||||
{ text: "View Reports", href: "#" },
|
||||
{ text: "New Product", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dashboard-ui-concept_23-2151045233.jpg"
|
||||
imageAlt="Dashboard Preview"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lightning Delivery",
|
||||
description: "Get your favorite gadgets delivered to your doorstep in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-quality-retro-stickers_23-2147623762.jpg",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Our dedicated team is always here to help you with any queries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928216.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hassle-Free Returns",
|
||||
description: "Not satisfied? We make the return process simple and quick for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools-gesturing-call-me-sign-isolated-orange-wall_141793-121187.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Shop With Us?"
|
||||
description="We prioritize quality, speed, and customer satisfaction in everything we do."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pro Wireless Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cup-tea-with-headphones-red-background_185193-163975.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Smartwatch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-keyboard-mouse_23-2147982598.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Flagship Smartphone",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-tag-with-copy-space_23-2148657706.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Smart Home Speaker",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722623.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pro Camera Lens",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dslr-camera-memory-cards-camera-lens-with-extension-rings-white-backdrop_23-2148038890.jpg",
|
||||
},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Explore our curated collection of high-tech gear and modern gadgets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechDaily",
|
||||
"InnovateMag",
|
||||
"GadgetHub",
|
||||
"FutureTech",
|
||||
"SmartSolutions",
|
||||
"DigitalTrend",
|
||||
"ModernLife",
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We are proud to be recognized by leading tech publications and industry experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Have questions about our products? Send us a message and we'll be happy to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-operator-assisting-users-with-installing-software_482257-117872.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SwiftMarket"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SwiftMarket Admin"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Dashboard", href: "#" }, { label: "Settings", href: "#" }] },
|
||||
{ title: "Inventory", items: [{ label: "Stock Levels", href: "#" }, { label: "Suppliers", href: "#" }] },
|
||||
{ title: "Orders", items: [{ label: "Pending", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user