Merge version_1 into main #2
283
src/app/page.tsx
283
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Star, Award, Truck } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Curriculum",
|
||||
id: "curriculum",
|
||||
},
|
||||
name: "Curriculum", id: "curriculum"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="ShopLaunch"
|
||||
/>
|
||||
@@ -51,112 +46,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Master the Shopify Ecosystem"
|
||||
description="Scale your e-commerce brand to six figures with our elite, step-by-step curriculum."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-109805.jpg?_wi=1",
|
||||
imageAlt: "Shopify Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-109805.jpg", imageAlt: "Shopify Analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-background-with-dramatic-light-shadow_84443-82390.jpg",
|
||||
imageAlt: "E-commerce Growth",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-background-with-dramatic-light-shadow_84443-82390.jpg", imageAlt: "E-commerce Growth"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-108072.jpg",
|
||||
imageAlt: "Branding Strategy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-marble-art-background-diy-luxury-flowing-texture_53876-108072.jpg", imageAlt: "Branding Strategy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-river-water-running-nature-details_23-2149006042.jpg",
|
||||
imageAlt: "Conversion Rate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-river-water-running-nature-details_23-2149006042.jpg", imageAlt: "Conversion Rate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626695.jpg",
|
||||
imageAlt: "Paid Media",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626695.jpg", imageAlt: "Paid Media"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg",
|
||||
imageAlt: "Customer Acquisition",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg", imageAlt: "Customer Acquisition"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30471.jpg",
|
||||
imageAlt: "Shopify Store",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30471.jpg", imageAlt: "Shopify Store"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149148298.jpg",
|
||||
imageAlt: "Marketing Automation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149148298.jpg", imageAlt: "Marketing Automation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30469.jpg",
|
||||
imageAlt: "Supply Chain",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30469.jpg", imageAlt: "Supply Chain"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-liquid-pattern_23-2151889871.jpg",
|
||||
imageAlt: "Sales Funnel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-liquid-pattern_23-2151889871.jpg", imageAlt: "Sales Funnel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-texture_1194-9115.jpg",
|
||||
imageAlt: "Email Marketing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-texture_1194-9115.jpg", imageAlt: "Email Marketing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-background-with-golden-circles_23-2148421477.jpg",
|
||||
imageAlt: "Global Scaling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-background-with-golden-circles_23-2148421477.jpg", imageAlt: "Global Scaling"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Enroll Now", href: "#pricing"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
|
||||
alt: "Student portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg", alt: "Student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
|
||||
alt: "Student portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "Student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "Student portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",
|
||||
alt: "Student portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", alt: "Student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera-against-grey-wall_23-2148130316.jpg",
|
||||
alt: "Student portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera-against-grey-wall_23-2148130316.jpg", alt: "Student portrait"},
|
||||
]}
|
||||
avatarText="Join 500+ successful founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Forbes 500 Featured",
|
||||
},
|
||||
type: "text", text: "Forbes 500 Featured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Shopify Partner Elite",
|
||||
},
|
||||
type: "text", text: "Shopify Partner Elite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Growth Proven",
|
||||
},
|
||||
type: "text", text: "100% Growth Proven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Standard",
|
||||
},
|
||||
type: "text", text: "Industry Standard"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury E-com Certified",
|
||||
},
|
||||
type: "text", text: "Luxury E-com Certified"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,20 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$1.2M",
|
||||
description: "Students Revenue Generated",
|
||||
},
|
||||
id: "m1", value: "$1.2M", description: "Students Revenue Generated"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
description: "Stores Scaled Successfully",
|
||||
},
|
||||
id: "m2", value: "150+", description: "Stores Scaled Successfully"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Student Satisfaction Rate",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Student Satisfaction Rate"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="The metrics speak for themselves."
|
||||
@@ -195,40 +134,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Store Infrastructure",
|
||||
description: "Setting up the foundation.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037493.jpg",
|
||||
imageAlt: "luxury gold icon growth",
|
||||
},
|
||||
title: "Store Infrastructure", description: "Setting up the foundation.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037493.jpg", imageAlt: "luxury gold icon growth"},
|
||||
{
|
||||
title: "Brand Storytelling",
|
||||
description: "Crafting premium identities.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-109805.jpg?_wi=2",
|
||||
imageAlt: "luxury gold icon growth",
|
||||
},
|
||||
title: "Brand Storytelling", description: "Crafting premium identities.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-109805.jpg", imageAlt: "luxury gold icon growth"},
|
||||
{
|
||||
title: "Conversion Rate Obsession",
|
||||
description: "Optimizing every click.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
|
||||
imageAlt: "luxury gold icon growth",
|
||||
},
|
||||
title: "Conversion Rate Obsession", description: "Optimizing every click.", buttonIcon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "luxury gold icon growth"},
|
||||
{
|
||||
title: "Paid Acquisition Lab",
|
||||
description: "Scaling ads profitably.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
|
||||
imageAlt: "luxury gold icon growth",
|
||||
},
|
||||
title: "Paid Acquisition Lab", description: "Scaling ads profitably.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", imageAlt: "luxury gold icon growth"},
|
||||
{
|
||||
title: "Operations & Logistics",
|
||||
description: "Streamlining your fulfillment.",
|
||||
buttonIcon: "Truck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg?_wi=1",
|
||||
imageAlt: "luxury gold icon growth",
|
||||
},
|
||||
title: "Operations & Logistics", description: "Streamlining your fulfillment.", buttonIcon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg", imageAlt: "luxury gold icon growth"},
|
||||
]}
|
||||
title="6-Module Mastery"
|
||||
description="Comprehensive journey from setup to global scaling."
|
||||
@@ -243,19 +162,13 @@ export default function LandingPage() {
|
||||
description="This course is crafted for ambitious founders who demand excellence, not just basic setup tactics. We focus on long-term sustainability and luxury branding principles."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ambitious Founders",
|
||||
description: "Scaling beyond the basics.",
|
||||
},
|
||||
title: "Ambitious Founders", description: "Scaling beyond the basics."},
|
||||
{
|
||||
title: "Luxury Brand Owners",
|
||||
description: "Refining digital presence.",
|
||||
},
|
||||
title: "Luxury Brand Owners", description: "Refining digital presence."},
|
||||
{
|
||||
title: "Scaling Startups",
|
||||
description: "Automating growth systems.",
|
||||
},
|
||||
title: "Scaling Startups", description: "Automating growth systems."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -268,25 +181,15 @@ export default function LandingPage() {
|
||||
author="Elena V., Luxury Founder"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", alt: "Student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg", alt: "Student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg", alt: "Student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", alt: "Student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14469.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14469.jpg", alt: "Student"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -300,49 +203,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter",
|
||||
price: "$97",
|
||||
buttons: [
|
||||
id: "starter", name: "Starter", price: "$97", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Basic Setup",
|
||||
"Core Strategies",
|
||||
],
|
||||
"Basic Setup", "Core Strategies"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro",
|
||||
price: "$197",
|
||||
buttons: [
|
||||
id: "pro", name: "Pro", price: "$197", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Advanced Scaling",
|
||||
"Ad Lab Access",
|
||||
],
|
||||
"Advanced Scaling", "Ad Lab Access"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
name: "Elite",
|
||||
price: "$397",
|
||||
buttons: [
|
||||
id: "elite", name: "Elite", price: "$397", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Full Coaching",
|
||||
"VIP Community",
|
||||
],
|
||||
"Full Coaching", "VIP Community"],
|
||||
},
|
||||
]}
|
||||
title="Select Your Tier"
|
||||
@@ -355,20 +237,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who is this for?",
|
||||
content: "Ambitious Shopify store owners.",
|
||||
},
|
||||
id: "f1", title: "Who is this for?", content: "Ambitious Shopify store owners."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long access?",
|
||||
content: "Lifetime access included.",
|
||||
},
|
||||
id: "f2", title: "How long access?", content: "Lifetime access included."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Refund policy?",
|
||||
content: "14-day money back guarantee.",
|
||||
},
|
||||
id: "f3", title: "Refund policy?", content: "14-day money back guarantee."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -382,15 +255,9 @@ export default function LandingPage() {
|
||||
description="Send us a message to secure your spot today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg"
|
||||
/>
|
||||
@@ -401,29 +268,19 @@ export default function LandingPage() {
|
||||
logoText="ShopLaunch"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Curriculum",
|
||||
href: "#curriculum",
|
||||
},
|
||||
label: "Curriculum", href: "#curriculum"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user