Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
@@ -17,23 +16,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Maze Shop"
|
||||
/>
|
||||
@@ -41,42 +38,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Maze Shop"
|
||||
description="Your ultimate destination for premium digital services and accounts. Fast, reliable, and secure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-tiles_58702-6165.jpg",
|
||||
imageAlt: "Maze Abstract 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg",
|
||||
imageAlt: "Digital Device 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-system-background-social-media-post_53876-119488.jpg",
|
||||
imageAlt: "Network Connection 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-router-with-copy-space_23-2148295822.jpg",
|
||||
imageAlt: "Digital Key 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uoxnki",
|
||||
imageAlt: "Cloud Concept 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lines-seamless-pattern_23-2151021460.jpg",
|
||||
imageAlt: "Maze Architecture 1",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-tiles_58702-6165.jpg", imageAlt: "black and white maze background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg", imageAlt: "smartphone app screen minimal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-system-background-social-media-post_53876-119488.jpg", imageAlt: "connected digital nodes graphic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wireless-router-with-copy-space_23-2148295822.jpg", imageAlt: "digital key minimal black white" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uoxnki", imageAlt: "minimalist digital cloud icon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lines-seamless-pattern_23-2151021460.jpg", imageAlt: "abstract maze passage interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,49 +58,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Discord Nitro",
|
||||
price: "$9.99",
|
||||
variant: "Monthly",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gaming-template-design_23-2149842950.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Social Media Boost",
|
||||
price: "$14.99",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-template-design_23-2150713894.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fortnite Accounts",
|
||||
price: "$29.99",
|
||||
variant: "Rare Skins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Netflix Premium",
|
||||
price: "$4.99",
|
||||
variant: "4K UHD",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Spotify Premium",
|
||||
price: "$3.99",
|
||||
variant: "Lifetime",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "VIP Marketplace Pass",
|
||||
price: "$19.99",
|
||||
variant: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-12-12-shopping-day-labels-collection_23-2149883368.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Discord Nitro", price: "$9.99", variant: "Monthly", imageSrc: "http://img.b2bpic.net/free-vector/gaming-template-design_23-2149842950.jpg" },
|
||||
{ id: "p2", name: "Social Media Boost", price: "$14.99", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-template-design_23-2150713894.jpg" },
|
||||
{ id: "p3", name: "Fortnite Accounts", price: "$29.99", variant: "Rare Skins", imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg" },
|
||||
{ id: "p4", name: "Netflix Premium", price: "$4.99", variant: "4K UHD", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg" },
|
||||
{ id: "p5", name: "Spotify Premium", price: "$3.99", variant: "Lifetime", imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg" },
|
||||
{ id: "p6", name: "VIP Marketplace Pass", price: "$19.99", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-vector/flat-12-12-shopping-day-labels-collection_23-2149883368.jpg" }
|
||||
]}
|
||||
title="Our Digital Inventory"
|
||||
description="Explore our curated selection of premium digital assets."
|
||||
@@ -139,41 +76,21 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Transactions",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Instant Delivery",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Customers",
|
||||
value: "5000+",
|
||||
},
|
||||
{ id: "m1", icon: ShieldCheck, title: "Secure Transactions", value: "100%" },
|
||||
{ id: "m2", icon: Clock, title: "Instant Delivery", value: "24/7" },
|
||||
{ id: "m3", icon: Users, title: "Happy Customers", value: "5000+" }
|
||||
]}
|
||||
title="Why Choose Maze Shop?"
|
||||
description="Trust in our commitment to quality, security, and customer support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get in touch with the Maze Team"
|
||||
description="Have questions or need assistance? Reach out to us, we're here to help."
|
||||
@@ -184,31 +101,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Support", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Maze Team",
|
||||
items: [
|
||||
{
|
||||
label: "Authors",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Vision",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Maze Team", items: [
|
||||
{ label: "Authors", href: "#" },
|
||||
{ label: "Vision", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Maze Shop. All rights reserved."
|
||||
bottomRightText="Maze Shop Inc."
|
||||
|
||||
Reference in New Issue
Block a user