Update src/app/page.tsx
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -10,6 +10,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "For Brands",
|
||||
id: "brands",
|
||||
},
|
||||
name: "For Brands", id: "brands"},
|
||||
{
|
||||
name: "For Creators",
|
||||
id: "creators",
|
||||
},
|
||||
name: "For Creators", id: "creators"},
|
||||
{
|
||||
name: "Tech",
|
||||
id: "tech",
|
||||
},
|
||||
name: "Tech", id: "tech"},
|
||||
]}
|
||||
brandName="Social Privé"
|
||||
/>
|
||||
@@ -56,78 +49,39 @@ export default function LandingPage() {
|
||||
description="Social Privé is the private platform where local brands, creators and real experiences meet — turning every visit into visibility, every review into trust, and every piece of content into measurable growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sofia R.",
|
||||
handle: "@luxurytravel",
|
||||
testimonial: "The only platform that understands the nuance of luxury local marketing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-smartphones-with-gift-decorations_187299-46989.jpg?_wi=1",
|
||||
imageAlt: "luxury app mockup dark",
|
||||
},
|
||||
name: "Sofia R.", handle: "@luxurytravel", testimonial: "The only platform that understands the nuance of luxury local marketing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-smartphones-with-gift-decorations_187299-46989.jpg?_wi=1", imageAlt: "luxury app mockup dark"},
|
||||
{
|
||||
name: "Marco P.",
|
||||
handle: "@gourmetguide",
|
||||
testimonial: "Visibility that feels authentic and high-end. Simply incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg",
|
||||
imageAlt: "luxury app mockup dark",
|
||||
},
|
||||
name: "Marco P.", handle: "@gourmetguide", testimonial: "Visibility that feels authentic and high-end. Simply incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg", imageAlt: "luxury app mockup dark"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@beautysecrets",
|
||||
testimonial: "Accessing exclusive experiences has never been this seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1",
|
||||
imageAlt: "luxury app mockup dark",
|
||||
},
|
||||
name: "Elena V.", handle: "@beautysecrets", testimonial: "Accessing exclusive experiences has never been this seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1", imageAlt: "luxury app mockup dark"},
|
||||
{
|
||||
name: "Julian D.",
|
||||
handle: "@fitandchic",
|
||||
testimonial: "The automated workflow saved my salon hours of manual effort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5742.jpg?_wi=1",
|
||||
imageAlt: "luxury app mockup dark",
|
||||
},
|
||||
name: "Julian D.", handle: "@fitandchic", testimonial: "The automated workflow saved my salon hours of manual effort.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5742.jpg?_wi=1", imageAlt: "luxury app mockup dark"},
|
||||
{
|
||||
name: "Chloe L.",
|
||||
handle: "@lifestyle",
|
||||
testimonial: "Selected opportunities, premium brands, truly elevated connections.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-crystal-background_1017-3751.jpg?_wi=1",
|
||||
imageAlt: "luxury app mockup dark",
|
||||
},
|
||||
name: "Chloe L.", handle: "@lifestyle", testimonial: "Selected opportunities, premium brands, truly elevated connections.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-crystal-background_1017-3751.jpg?_wi=1", imageAlt: "luxury app mockup dark"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join as a Brand",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join as a Brand", href: "#"},
|
||||
{
|
||||
text: "Join as a Creator",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join as a Creator", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gold-smartphones-with-gift-decorations_187299-46989.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-14416.jpg",
|
||||
alt: "Luxury fashion creator",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-14416.jpg", alt: "Luxury fashion creator"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-attractive-happy-woman-walking-with-young-positive-man-street_23-2148012595.jpg",
|
||||
alt: "Influencer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-attractive-happy-woman-walking-with-young-positive-man-street_23-2148012595.jpg", alt: "Influencer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81917.jpg",
|
||||
alt: "Lifestyle blogger",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81917.jpg", alt: "Lifestyle blogger"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19192.jpg",
|
||||
alt: "Boutique brand owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19192.jpg", alt: "Boutique brand owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-3908.jpg",
|
||||
alt: "Exclusive dining guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-3908.jpg", alt: "Exclusive dining guest"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,14 +91,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Marketing has never been this real.",
|
||||
},
|
||||
type: "text", content: "Marketing has never been this real."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg",
|
||||
alt: "Luxury dining setting",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg", alt: "Luxury dining setting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Reviews",
|
||||
description: "Boost your Google and TripAdvisor reputation naturally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2",
|
||||
},
|
||||
title: "Verified Reviews", description: "Boost your Google and TripAdvisor reputation naturally.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2"},
|
||||
{
|
||||
title: "Automated Flow",
|
||||
description: "Manage all influencer collaborations in one dashboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg",
|
||||
},
|
||||
title: "Automated Flow", description: "Manage all influencer collaborations in one dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg"},
|
||||
{
|
||||
title: "Real Visibility",
|
||||
description: "Local creators producing authentic high-quality content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",
|
||||
},
|
||||
title: "Real Visibility", description: "Local creators producing authentic high-quality content.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg"},
|
||||
]}
|
||||
title="From empty visibility to recurring clients."
|
||||
description="Your business needs trusted voices, real reviews, and a system that works while you focus on your clients."
|
||||
@@ -178,30 +118,29 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="creators" data-section="creators">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
<TimelineProcessFlow
|
||||
title="The Creator's Journey"
|
||||
description="From discovery to meaningful growth, we power your influence."
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
animationType="blur-reveal"
|
||||
items={[
|
||||
{
|
||||
title: "Exclusive Access",
|
||||
description: "Try the best restaurants, spas, and boutique experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5742.jpg?_wi=2",
|
||||
content: "Discover exclusive, curated opportunities tailored to your unique profile and local influence area.", media: <div className="w-full h-64 bg-gray-200 rounded-xl" />,
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "No Negotiation",
|
||||
description: "Stop chasing brands. Just view offers and match instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-884.jpg",
|
||||
content: "Apply seamlessly within the platform. No endless DMs, no awkward negotiations. Just match and move.", media: <div className="w-full h-64 bg-gray-200 rounded-xl" />,
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Monetize Style",
|
||||
description: "Unlock premium launches and paid opportunities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
content: "Experience luxury service. Deliver high-impact content that truly resonates and builds long-term value.", media: <div className="w-full h-64 bg-gray-200 rounded-xl" />,
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
content: "Grow your portfolio with measurable analytics. Turn every partnership into a stepping stone for your future.", media: <div className="w-full h-64 bg-gray-200 rounded-xl" />,
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Your next collaboration is no longer hidden in DMs."
|
||||
description="Build a lifestyle worth watching while collaborating with businesses that truly deserve visibility."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -211,30 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "For Brands: Step 1",
|
||||
content: "Create your business profile.",
|
||||
},
|
||||
id: "1", title: "For Brands: Step 1", content: "Create your business profile."},
|
||||
{
|
||||
id: "2",
|
||||
title: "For Brands: Step 2",
|
||||
content: "Publish an offer or collaboration.",
|
||||
},
|
||||
id: "2", title: "For Brands: Step 2", content: "Publish an offer or collaboration."},
|
||||
{
|
||||
id: "3",
|
||||
title: "For Brands: Step 3",
|
||||
content: "Match with selected creators.",
|
||||
},
|
||||
id: "3", title: "For Brands: Step 3", content: "Match with selected creators."},
|
||||
{
|
||||
id: "4",
|
||||
title: "For Creators: Step 1",
|
||||
content: "Apply and create your profile.",
|
||||
},
|
||||
id: "4", title: "For Creators: Step 1", content: "Apply and create your profile."},
|
||||
{
|
||||
id: "5",
|
||||
title: "For Creators: Step 2",
|
||||
content: "Discover local offers near you.",
|
||||
},
|
||||
id: "5", title: "For Creators: Step 2", content: "Discover local offers near you."},
|
||||
]}
|
||||
title="How it Works"
|
||||
description="A seamless private system for brands and creators."
|
||||
@@ -249,26 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Verification",
|
||||
description: "Content-linked tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-crystal-background_1017-3751.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Verification", description: "Content-linked tracking.", imageSrc: "http://img.b2bpic.net/free-photo/orange-crystal-background_1017-3751.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Automation",
|
||||
description: "Always-on marketing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Automation", description: "Always-on marketing.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85K+",
|
||||
title: "Views",
|
||||
description: "Organic local reach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253602.jpg",
|
||||
},
|
||||
id: "m3", value: "85K+", title: "Views", description: "Organic local reach.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253602.jpg"},
|
||||
]}
|
||||
title="Authenticity, tracked."
|
||||
description="Geolocated matchmaking and content verification dashboards."
|
||||
@@ -281,45 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Strict Standards",
|
||||
quote: "The curation is what makes this app a private club, not a marketplace.",
|
||||
name: "Alex K.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hostess-arranging-chairs-around-table_23-2147830618.jpg",
|
||||
},
|
||||
id: "t1", title: "Strict Standards", quote: "The curation is what makes this app a private club, not a marketplace.", name: "Alex K.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/hostess-arranging-chairs-around-table_23-2147830618.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Authenticity",
|
||||
quote: "I only collaborate with places I truly love and that truly fit my profile.",
|
||||
name: "Sarah M.",
|
||||
role: "Lifestyle Creator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushed-gold-metallic-surface-texture_84443-73860.jpg",
|
||||
},
|
||||
id: "t2", title: "Authenticity", quote: "I only collaborate with places I truly love and that truly fit my profile.", name: "Sarah M.", role: "Lifestyle Creator", imageSrc: "http://img.b2bpic.net/free-photo/brushed-gold-metallic-surface-texture_84443-73860.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Visibility",
|
||||
quote: "This changed how my hotel is perceived in the local market.",
|
||||
name: "David W.",
|
||||
role: "Hotel Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-light-cream-beige-brown-like-cotton-silk-texture-pattern-background_1258-100543.jpg",
|
||||
},
|
||||
id: "t3", title: "Visibility", quote: "This changed how my hotel is perceived in the local market.", name: "David W.", role: "Hotel Manager", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-light-cream-beige-brown-like-cotton-silk-texture-pattern-background_1258-100543.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Trust",
|
||||
quote: "Selected creators giving visibility to places that deserve it.",
|
||||
name: "Nina R.",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fluid-art-with-golden-veins_23-2152014444.jpg",
|
||||
},
|
||||
id: "t4", title: "Trust", quote: "Selected creators giving visibility to places that deserve it.", name: "Nina R.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/abstract-fluid-art-with-golden-veins_23-2152014444.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Quality",
|
||||
quote: "Finally, marketing feels like an exclusive experience, not a chore.",
|
||||
name: "Julian S.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-brown-background-with-soft-lines-generative-al_169016-28458.jpg",
|
||||
},
|
||||
id: "t5", title: "Quality", quote: "Finally, marketing feels like an exclusive experience, not a chore.", name: "Julian S.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-brown-background-with-soft-lines-generative-al_169016-28458.jpg"},
|
||||
]}
|
||||
title="Not every brand enters."
|
||||
description="We protect our network by selecting only those who deliver authentic, high-quality impact."
|
||||
@@ -331,29 +210,19 @@ export default function LandingPage() {
|
||||
logoText="Social Privé"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "For Brands",
|
||||
href: "#",
|
||||
},
|
||||
label: "For Brands", href: "#"},
|
||||
{
|
||||
label: "For Creators",
|
||||
href: "#",
|
||||
},
|
||||
label: "For Creators", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Early Access",
|
||||
href: "#",
|
||||
},
|
||||
label: "Early Access", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -363,4 +232,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user