Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6a5915d545 | |||
| db2ad01037 | |||
| 57b862a6c7 |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Manrope } from "next/font/google";
|
import { Manrope } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -19,8 +20,14 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const manrope = Manrope({
|
|
||||||
variable: "--font-manrope",
|
const libreBaskerville = Libre_Baskerville({
|
||||||
|
variable: "--font-libre-baskerville",
|
||||||
|
subsets: ["latin"],
|
||||||
|
weight: ["400", "700"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -32,7 +39,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${manrope.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
205
src/app/page.tsx
205
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
@@ -30,128 +30,30 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "/features"},
|
||||||
id: "/features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Demo",
|
name: "Demo", id: "/demo"},
|
||||||
id: "/demo",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "/pricing"},
|
||||||
id: "/pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="MarketBuilder"
|
brandName="MarketBuilder"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Build Your Dream Marketplace Today"
|
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."
|
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "/signup"},
|
||||||
href: "/signup",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-representation-reselling-market_23-2150473094.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-representation-reselling-market_23-2150473094.jpg"
|
||||||
mediaAnimation="slide-up"
|
ariaLabel="Hero section"
|
||||||
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,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -162,40 +64,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Loved by Marketplace Builders"
|
||||||
description="See what our users are saying."
|
description="See what our users are saying."
|
||||||
@@ -209,12 +86,7 @@ export default function LandingPage() {
|
|||||||
title="Trusted by Industry Leaders"
|
title="Trusted by Industry Leaders"
|
||||||
description="Join the innovative companies building the future of commerce."
|
description="Join the innovative companies building the future of commerce."
|
||||||
names={[
|
names={[
|
||||||
"TechFlow",
|
"TechFlow", "MarketZen", "Vendly", "ShopScale", "OmniCommerce"]}
|
||||||
"MarketZen",
|
|
||||||
"Vendly",
|
|
||||||
"ShopScale",
|
|
||||||
"OmniCommerce",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -226,30 +98,15 @@ export default function LandingPage() {
|
|||||||
description="Everything you need to know about our marketplace builder."
|
description="Everything you need to know about our marketplace builder."
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Is coding required?", content: "No, our drag-and-drop platform is designed for no-code development."},
|
||||||
title: "Is coding required?",
|
|
||||||
content: "No, our drag-and-drop platform is designed for no-code development.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Can I scale to unlimited vendors?", content: "Yes, our enterprise plan supports unlimited vendors and transactions."},
|
||||||
title: "Can I scale to unlimited vendors?",
|
|
||||||
content: "Yes, our enterprise plan supports unlimited vendors and transactions.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Do you offer payment support?", content: "We support Stripe, PayPal, and major local gateways globally."},
|
||||||
title: "Do you offer payment support?",
|
|
||||||
content: "We support Stripe, PayPal, and major local gateways globally.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q4",
|
id: "q4", title: "Is my data secure?", content: "We use enterprise-grade encryption and secure infrastructure."},
|
||||||
title: "Is my data secure?",
|
|
||||||
content: "We use enterprise-grade encryption and secure infrastructure.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q5",
|
id: "q5", title: "Can I integrate custom APIs?", content: "Absolutely, our API-first design allows for complete customization."},
|
||||||
title: "Can I integrate custom APIs?",
|
|
||||||
content: "Absolutely, our API-first design allows for complete customization.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -264,23 +121,13 @@ export default function LandingPage() {
|
|||||||
description="Accelerate your marketplace expansion with advanced growth tools."
|
description="Accelerate your marketplace expansion with advanced growth tools."
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "g1",
|
id: "g1", title: "SEO Optimized", descriptions: [
|
||||||
title: "SEO Optimized",
|
"Built-in schema markup", "Automated sitemaps"],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-3d-rendering_23-2149174193.jpg"},
|
||||||
"Built-in schema markup",
|
|
||||||
"Automated sitemaps",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-3d-rendering_23-2149174193.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "g2",
|
id: "g2", title: "Mobile First", descriptions: [
|
||||||
title: "Mobile First",
|
"Fully responsive UI", "Native app feel"],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-shopping-cart-with-sheep-e-commerce-promotion_187299-47584.jpg"},
|
||||||
"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>
|
</div>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-manrope), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-manrope), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user