Update src/app/page.tsx
This commit is contained in:
222
src/app/page.tsx
222
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { BarChart, CheckCircle, Shield, ArrowRight, Zap, Target } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
@@ -32,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GenStore"
|
||||
/>
|
||||
@@ -55,9 +44,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Shop Smarter, Sell Faster"
|
||||
description="Your unified gateway for physical essentials and premium digital downloads."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-computer-device-with-peripheral-devices_23-2150714009.jpg"
|
||||
@@ -72,18 +59,9 @@ export default function LandingPage() {
|
||||
title="Built for modern commerce"
|
||||
description="We bridge the gap between tangible quality and instant digital accessibility. Our platform ensures seamless transactions for every creator and customer."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Global processing for peace of mind.",
|
||||
},
|
||||
{
|
||||
title: "Instant Delivery",
|
||||
description: "Digital assets available immediately after purchase.",
|
||||
},
|
||||
{
|
||||
title: "Logistics Optimized",
|
||||
description: "Fast and reliable physical shipping.",
|
||||
},
|
||||
{ title: "Secure Payments", description: "Global processing for peace of mind." },
|
||||
{ title: "Instant Delivery", description: "Digital assets available immediately after purchase." },
|
||||
{ title: "Logistics Optimized", description: "Fast and reliable physical shipping." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-laptop-boxes-arrangement_23-2148790068.jpg"
|
||||
imageAlt="Working with digital and physical products"
|
||||
@@ -96,20 +74,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited payment options",
|
||||
"Hidden shipping fees",
|
||||
"Complex interface",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Multiple payment gateways",
|
||||
"Transparent shipping costs",
|
||||
"Intuitive dashboard",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Limited payment options", "Hidden shipping fees", "Complex interface"] }}
|
||||
positiveCard={{ items: ["Multiple payment gateways", "Transparent shipping costs", "Intuitive dashboard"] }}
|
||||
title="Why we are different"
|
||||
description="Compare our platform against standard e-commerce solutions."
|
||||
/>
|
||||
@@ -122,42 +88,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Accessory",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-outdoors_23-2149722613.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pro Software Bundle",
|
||||
price: "$99.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minimalist Lamp",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-6258.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "E-Book Series",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tool-sticky-tapes_23-2147654529.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Organic Tote",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-photography-with-camera-cellphone-fashion-accessories-essential-items-woman-overhead-view-top-view_1428-710.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Premium Subscription",
|
||||
price: "$12.00/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-download-buttons-label-collection_23-2149934811.jpg",
|
||||
},
|
||||
{ id: "1", name: "Modern Accessory", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-outdoors_23-2149722613.jpg" },
|
||||
{ id: "2", name: "Pro Software Bundle", price: "$99.00", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg" },
|
||||
{ id: "3", name: "Minimalist Lamp", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-6258.jpg" },
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Explore our curated selection of digital and physical goods."
|
||||
@@ -168,15 +101,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Shopify",
|
||||
"Gumroad",
|
||||
"Stripe",
|
||||
"PayPal",
|
||||
"Amazon",
|
||||
"Etsy",
|
||||
"Adobe",
|
||||
]}
|
||||
names={["Shopify", "Gumroad", "Stripe", "PayPal", "Amazon", "Etsy", "Adobe"]}
|
||||
title="Trusted by creators globally"
|
||||
description="Companies that scale with our technology."
|
||||
/>
|
||||
@@ -189,24 +114,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Products Sold",
|
||||
description: "Diverse items across categories.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
title: "Global Partners",
|
||||
description: "Brands using our infrastructure.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always available for sales.",
|
||||
},
|
||||
{ id: "m1", value: "50K+", title: "Products Sold", description: "Diverse items across categories.", icon: BarChart },
|
||||
{ id: "m2", value: "120+", title: "Global Partners", description: "Brands using our infrastructure.", icon: Target },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", description: "Always available for sales.", icon: Zap },
|
||||
]}
|
||||
title="Commerce in numbers"
|
||||
description="We are proud of our milestones achieved with you."
|
||||
@@ -217,42 +127,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Shop Owner",
|
||||
testimonial: "Amazing platform for physical products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-speech-bubble_53876-70978.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
role: "Digital Artist",
|
||||
testimonial: "My digital art sells faster than ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
role: "Creator",
|
||||
testimonial: "Easy shipping and fast downloads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Small Biz",
|
||||
testimonial: "Best e-commerce choice I made.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna K.",
|
||||
role: "Designer",
|
||||
testimonial: "Streamlined everything for me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371203.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Shop Owner", testimonial: "Amazing platform for physical products.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-speech-bubble_53876-70978.jpg" },
|
||||
{ id: "2", name: "Mike T.", role: "Digital Artist", testimonial: "My digital art sells faster than ever.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "3", name: "Emily D.", role: "Creator", testimonial: "Easy shipping and fast downloads.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Small Biz", testimonial: "Best e-commerce choice I made.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg" },
|
||||
{ id: "5", name: "Anna K.", role: "Designer", testimonial: "Streamlined everything for me.", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371203.jpg" },
|
||||
]}
|
||||
title="What our users say"
|
||||
description="Real feedback from our satisfied creators."
|
||||
@@ -263,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do shipping costs work?",
|
||||
content: "Shipping costs are calculated automatically.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my digital download secure?",
|
||||
content: "All downloads are encrypted and secure.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I sell both types?",
|
||||
content: "Absolutely, our store supports hybrid inventories.",
|
||||
},
|
||||
{ id: "q1", title: "How do shipping costs work?", content: "Shipping costs are calculated automatically." },
|
||||
{ id: "q2", title: "Is my digital download secure?", content: "All downloads are encrypted and secure." },
|
||||
{ id: "q3", title: "Can I sell both types?", content: "Absolutely, our store supports hybrid inventories." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Need help? Check these common questions."
|
||||
@@ -288,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Newsletter"
|
||||
title="Stay informed"
|
||||
description="Get the latest updates on new product features."
|
||||
@@ -301,33 +168,16 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "All Items",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Physical",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Digital",
|
||||
href: "#",
|
||||
},
|
||||
title: "Products", items: [
|
||||
{ label: "All Items", href: "#products" },
|
||||
{ label: "Physical", href: "#" },
|
||||
{ label: "Digital", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -338,4 +188,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user