Merge version_2 into main #1
207
src/app/page.tsx
207
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
@@ -30,128 +30,30 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "/features",
|
||||
},
|
||||
name: "Features", id: "/features"},
|
||||
{
|
||||
name: "Demo",
|
||||
id: "/demo",
|
||||
},
|
||||
name: "Demo", id: "/demo"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
]}
|
||||
brandName="MarketBuilder"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Build Your Dream Marketplace Today"
|
||||
description="Create a fully functional, scalable multi-vendor marketplace in minutes with our drag-and-drop platform. Empower vendors, manage payments, and scale effortlessly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivier",
|
||||
handle: "@alex",
|
||||
testimonial: "Transformative platform for our e-commerce startup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@jane",
|
||||
testimonial: "Easy to setup and super scalable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bob Smith",
|
||||
handle: "@bob",
|
||||
testimonial: "Best marketplace builder I have used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice Wang",
|
||||
handle: "@alice",
|
||||
testimonial: "The dashboard is beautiful and intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149144317.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Lee",
|
||||
handle: "@sam",
|
||||
testimonial: "Features are incredible for vendor management.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Get Started", href: "/signup"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-representation-reselling-market_23-2150473094.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-front-smiling-with-happy-face-standing-pink-wall_141793-50825.jpg",
|
||||
alt: "Avatar of a happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-bearded-man-brown-suit-wearing-glasses-looking-smiling-cheerfully_141793-111775.jpg",
|
||||
alt: "Avatar of a happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
alt: "Avatar of a happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
alt: "Avatar of a happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
alt: "Avatar of a happy customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Stripe Certified",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Scaling",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Data",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Customizable",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Auth",
|
||||
icon: Lock,
|
||||
},
|
||||
]}
|
||||
ariaLabel="Hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,40 +64,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Incredible platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-confident-blond-woman-ceo-manager-cross-arms-chest-look-determined-smiling-self-assured-front-white-wall_176420-39034.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", handle: "@sarah", testimonial: "Incredible platform.", imageSrc: "http://img.b2bpic.net/free-photo/image-confident-blond-woman-ceo-manager-cross-arms-chest-look-determined-smiling-self-assured-front-white-wall_176420-39034.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike",
|
||||
handle: "@mike",
|
||||
testimonial: "Best in class tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100267.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike", handle: "@mike", testimonial: "Best in class tools.", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100267.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna",
|
||||
handle: "@anna",
|
||||
testimonial: "Marketplace growth is fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-confident-young-businesswoman-keeping-arms-crossed-looking-camera-w_1258-104422.jpg",
|
||||
},
|
||||
id: "t3", name: "Anna", handle: "@anna", testimonial: "Marketplace growth is fast.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-confident-young-businesswoman-keeping-arms-crossed-looking-camera-w_1258-104422.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "Simple and effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100190.jpg",
|
||||
},
|
||||
id: "t4", name: "David", handle: "@david", testimonial: "Simple and effective.", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100190.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia",
|
||||
handle: "@julia",
|
||||
testimonial: "Vendor onboarding is a breeze.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-beautiful-pretty-young-woman-wearing-eyeglasses-yellow-sweatshirt-having-long-fair-hair-posing-isolated-pink-wall-people-emotions-concept_176532-6755.jpg",
|
||||
},
|
||||
id: "t5", name: "Julia", handle: "@julia", testimonial: "Vendor onboarding is a breeze.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-beautiful-pretty-young-woman-wearing-eyeglasses-yellow-sweatshirt-having-long-fair-hair-posing-isolated-pink-wall-people-emotions-concept_176532-6755.jpg"},
|
||||
]}
|
||||
title="Loved by Marketplace Builders"
|
||||
description="See what our users are saying."
|
||||
@@ -209,12 +86,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join the innovative companies building the future of commerce."
|
||||
names={[
|
||||
"TechFlow",
|
||||
"MarketZen",
|
||||
"Vendly",
|
||||
"ShopScale",
|
||||
"OmniCommerce",
|
||||
]}
|
||||
"TechFlow", "MarketZen", "Vendly", "ShopScale", "OmniCommerce"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,30 +98,15 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about our marketplace builder."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is coding required?",
|
||||
content: "No, our drag-and-drop platform is designed for no-code development.",
|
||||
},
|
||||
id: "q1", title: "Is coding required?", content: "No, our drag-and-drop platform is designed for no-code development."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I scale to unlimited vendors?",
|
||||
content: "Yes, our enterprise plan supports unlimited vendors and transactions.",
|
||||
},
|
||||
id: "q2", title: "Can I scale to unlimited vendors?", content: "Yes, our enterprise plan supports unlimited vendors and transactions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer payment support?",
|
||||
content: "We support Stripe, PayPal, and major local gateways globally.",
|
||||
},
|
||||
id: "q3", title: "Do you offer payment support?", content: "We support Stripe, PayPal, and major local gateways globally."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is my data secure?",
|
||||
content: "We use enterprise-grade encryption and secure infrastructure.",
|
||||
},
|
||||
id: "q4", title: "Is my data secure?", content: "We use enterprise-grade encryption and secure infrastructure."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I integrate custom APIs?",
|
||||
content: "Absolutely, our API-first design allows for complete customization.",
|
||||
},
|
||||
id: "q5", title: "Can I integrate custom APIs?", content: "Absolutely, our API-first design allows for complete customization."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -264,23 +121,13 @@ export default function LandingPage() {
|
||||
description="Accelerate your marketplace expansion with advanced growth tools."
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "SEO Optimized",
|
||||
descriptions: [
|
||||
"Built-in schema markup",
|
||||
"Automated sitemaps",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-3d-rendering_23-2149174193.jpg",
|
||||
},
|
||||
id: "g1", title: "SEO Optimized", descriptions: [
|
||||
"Built-in schema markup", "Automated sitemaps"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-3d-rendering_23-2149174193.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Mobile First",
|
||||
descriptions: [
|
||||
"Fully responsive UI",
|
||||
"Native app feel",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-shopping-cart-with-sheep-e-commerce-promotion_187299-47584.jpg",
|
||||
},
|
||||
id: "g2", title: "Mobile First", descriptions: [
|
||||
"Fully responsive UI", "Native app feel"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-shopping-cart-with-sheep-e-commerce-promotion_187299-47584.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,4 +141,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user