Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -31,126 +31,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ShopCommerce"
|
||||
button={{ text: "Login", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Build Your Store, Start Earning Today"
|
||||
description="The all-in-one platform to launch, grow, and scale your online business effortlessly. Start selling high-quality products to the world."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "This platform transformed my business in under a month!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=1",
|
||||
imageAlt: "premium product photography home office",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamie",
|
||||
testimonial: "Incredible features and support. So easy to scale.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-close-up_23-2148667016.jpg",
|
||||
imageAlt: "premium product photography home office",
|
||||
},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morg",
|
||||
testimonial: "Revenue has tripled since I moved here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529809.jpg?_wi=1",
|
||||
imageAlt: "premium product photography home office",
|
||||
},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "@chris",
|
||||
testimonial: "Best decision for my online shop ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hairstyle-making-photod-european-city-autumn-season_273443-2028.jpg?_wi=1",
|
||||
imageAlt: "premium product photography home office",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@sam",
|
||||
testimonial: "Seamless integration and beautiful themes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17210.jpg?_wi=1",
|
||||
imageAlt: "premium product photography home office",
|
||||
},
|
||||
{ name: "Alex Smith", handle: "@alexs", testimonial: "This platform transformed my business in under a month!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg", imageAlt: "premium product photography home office" },
|
||||
{ name: "Jamie Lee", handle: "@jamie", testimonial: "Incredible features and support. So easy to scale.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-close-up_23-2148667016.jpg", imageAlt: "premium product photography home office" },
|
||||
{ name: "Morgan D.", handle: "@morg", testimonial: "Revenue has tripled since I moved here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529809.jpg", imageAlt: "premium product photography home office" },
|
||||
{ name: "Chris B.", handle: "@chris", testimonial: "Best decision for my online shop ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hairstyle-making-photod-european-city-autumn-season_273443-2028.jpg", imageAlt: "premium product photography home office" },
|
||||
{ name: "Sam Taylor", handle: "@sam", testimonial: "Seamless integration and beautiful themes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17210.jpg", imageAlt: "premium product photography home office" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg?_wi=2"
|
||||
buttons={[{ text: "Get Started", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cyber-monday-arrangement_23-2149055920.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concept-covid-shopping-satisfied-young-man-looking-pleased-after-shopping-wearing-face-mask-s_1258-159546.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-laptop-with-shopping-bags-light-box_23-2148657660.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coronavirus-pandemic-lifestyle-concept-man-face-mask-showing-shopping-bag-hand-sanitizer_1258-155403.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concept-covid-lifestyle-cheerful-young-man-with-red-hair-wear-medical-mask-showing-shopping-b_1258-161489.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-covid-shopping-satisfied-young-man-looking-pleased-after-shopping-wearing-face-mask-s_1258-159546.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-laptop-with-shopping-bags-light-box_23-2148657660.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coronavirus-pandemic-lifestyle-concept-man-face-mask-showing-shopping-bag-hand-sanitizer_1258-155403.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-covid-lifestyle-cheerful-young-man-with-red-hair-wear-medical-mask-showing-shopping-b_1258-161489.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Secure Payments" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,15 +76,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission to Empower Sellers",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-close-up_23-2148667016.jpg",
|
||||
alt: "Mission",
|
||||
},
|
||||
{ type: "text", content: "Our Mission to Empower Sellers" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-close-up_23-2148667016.jpg", alt: "Mission" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,42 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Hub",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529809.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Wireless Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hairstyle-making-photod-european-city-autumn-season_273443-2028.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Noise Cancelling Buds",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17210.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Travel Tech Case",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083998.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Eco Smart Sensor",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-devices-supplies-composition_23-2149552421.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ergo Desk Mat",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment_23-2148128277.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Smart Hub", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529809.jpg" },
|
||||
{ id: "p2", name: "Pro Wireless Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hairstyle-making-photod-european-city-autumn-season_273443-2028.jpg" },
|
||||
{ id: "p3", name: "Noise Cancelling Buds", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17210.jpg" },
|
||||
{ id: "p4", name: "Travel Tech Case", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083998.jpg" },
|
||||
{ id: "p5", name: "Eco Smart Sensor", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/top-view-devices-supplies-composition_23-2149552421.jpg" },
|
||||
{ id: "p6", name: "Ergo Desk Mat", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment_23-2148128277.jpg" },
|
||||
]}
|
||||
title="Top Selling Products"
|
||||
description="High-demand tech products to launch your store success."
|
||||
@@ -227,30 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Shipping",
|
||||
descriptions: [
|
||||
"Get your products to customers faster than ever.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payments",
|
||||
descriptions: [
|
||||
"World-class security for every transaction.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599376.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Scalable Infrastructure",
|
||||
descriptions: [
|
||||
"Grow as fast as you need with no limits.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459717.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Fast Shipping", descriptions: ["Get your products to customers faster than ever."], imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg" },
|
||||
{ id: "f2", title: "Secure Payments", descriptions: ["World-class security for every transaction."], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599376.jpg" },
|
||||
{ id: "f3", title: "Scalable Infrastructure", descriptions: ["Grow as fast as you need with no limits."], imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459717.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Powering your e-commerce growth with advanced tools."
|
||||
@@ -264,21 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Successful Stores",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$50M+",
|
||||
description: "GMV Processed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Successful Stores" },
|
||||
{ id: "m2", value: "$50M+", description: "GMV Processed" },
|
||||
{ id: "m3", value: "99.9%", description: "Uptime Reliability" },
|
||||
]}
|
||||
title="Proven Success Metrics"
|
||||
description="Measurable growth you can count on."
|
||||
@@ -291,41 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Excellent service and results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-as-perfect-place-drink-coffee_329181-20148.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
handle: "@mark",
|
||||
testimonial: "Professional and fast delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
handle: "@elena",
|
||||
testimonial: "Exactly what I needed for growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brian K.",
|
||||
handle: "@brian",
|
||||
testimonial: "Highly recommended for all sellers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@anna",
|
||||
testimonial: "Seamless experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarah", testimonial: "Excellent service and results.", imageSrc: "http://img.b2bpic.net/free-photo/desk-as-perfect-place-drink-coffee_329181-20148.jpg" },
|
||||
{ id: "2", name: "Mark L.", handle: "@mark", testimonial: "Professional and fast delivery.", imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg" },
|
||||
{ id: "3", name: "Elena V.", handle: "@elena", testimonial: "Exactly what I needed for growth.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ id: "4", name: "Brian K.", handle: "@brian", testimonial: "Highly recommended for all sellers.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "5", name: "Anna P.", handle: "@anna", testimonial: "Seamless experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our partners are saying."
|
||||
@@ -337,21 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I start?",
|
||||
content: "Register and follow the guided setup.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are the fees?",
|
||||
content: "Transparent pricing for every transaction.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I scale?",
|
||||
content: "Yes, our plans scale with your revenue.",
|
||||
},
|
||||
{ id: "q1", title: "How do I start?", content: "Register and follow the guided setup." },
|
||||
{ id: "q2", title: "What are the fees?", content: "Transparent pricing for every transaction." },
|
||||
{ id: "q3", title: "Can I scale?", content: "Yes, our plans scale with your revenue." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -362,9 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Start Earning Today"
|
||||
description="Ready to launch? Reach out to get started."
|
||||
@@ -382,4 +185,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user