Update src/app/creator/page.tsx

Merge version_3 into main

src/app/attivita-locale/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AttivitaLocalePage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Attività Locale", id: "hero" },
+              { name: "Creator", id: "/creator" },
+            ]}
+            brandName="Social Privé"
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Accelerate Your Local Business."
+            description="Attract verified creators, manage your reputation, and drive real growth through curated local partnerships."
+            buttons={[{ text: "Get Started", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/gold-smartphones-with-gift-decorations_187299-46989.jpg?_wi=2"
+            testimonials={[{ name: "Alex R.", handle: "@alex_local", testimonial: "Transformed our foot traffic overnight!", rating: 5 }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard logoText="Social Privé" columns={[]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/creator/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function CreatorPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Attività Locale", id: "/attivita-locale" },
+              { name: "Creator", id: "hero" },
+            ]}
+            brandName="Social Privé"
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Elevate Your Influence."
+            description="Access exclusive local opportunities and connect with premium brands ready to collaborate with your authentic vision."
+            buttons={[{ text: "Join Community", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/gold-smartphones-with-gift-decorations_187299-46989.jpg?_wi=2"
+            testimonials={[{ name: "Jordan P.", handle: "@jordan_creates", testimonial: "Finally, a platform that understands my value as a creator.", rating: 5 }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard logoText="Social Privé" columns={[]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Source_Sans_3 } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 
 
 
@@ -21,7 +22,15 @@ export const metadata: Metadata = {
   },
 };
 
-const sourceSans3 = Source_Sans_3({ variable: "--font-source-sans-3", subsets: ["latin"] });
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
+  subsets: ["latin"],
+});
 
 export default function RootLayout({
   children,
@@ -31,7 +40,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${sourceSans3.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -30,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "For Brands",          id: "brands"},
-        {
-          name: "For Creators",          id: "creators"},
-        {
-          name: "Tech",          id: "tech"},
+        { name: "Home", id: "hero" },
+        { name: "Attività Locale", id: "/attivita-locale" },
+        { name: "Creator", id: "/creator" },
+        { name: "Tech", id: "tech" },
       ]}
       brandName="Social Privé"
     />
@@ -48,40 +44,23 @@ export default function LandingPage() {
       title="Welcome to your next level of connections."
       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: "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: "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: "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: "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: "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 Creator",          href: "#"},
+        { text: "Join as a Brand", href: "/attivita-locale" },
+        { text: "Join as a Creator", href: "/creator" },
       ]}
       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/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/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/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/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/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-3908.jpg", alt: "Exclusive dining guest" },
       ]}
     />
   </div>
@@ -90,10 +69,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          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: "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" },
       ]}
     />
   </div>
@@ -105,12 +82,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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: "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: "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: "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."
@@ -124,22 +98,10 @@ export default function LandingPage() {
       textboxLayout="split"
       animationType="blur-reveal"
       items={[
-        {
-          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
-        },
-        {
-          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
-        },
-        {
-          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
-        }
+        { 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 },
+        { 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 },
+        { 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 }
       ]}
     />
   </div>
@@ -149,16 +111,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          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: "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: "5",          title: "For Creators: Step 2",          content: "Discover local offers near you."},
+        { 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: "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: "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."
@@ -172,12 +129,9 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "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: "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: "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."
@@ -189,16 +143,11 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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: "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: "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: "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: "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."
@@ -209,22 +158,14 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Social Privé"
       columns={[
-        {
-          title: "Platform",          items: [
-            {
-              label: "For Brands",              href: "#"},
-            {
-              label: "For Creators",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Early Access",              href: "#"},
-          ],
-        },
+        { title: "Platform", items: [
+            { label: "For Brands", href: "/attivita-locale" },
+            { label: "For Creators", href: "/creator" },
+          ] },
+        { title: "Company", items: [
+            { label: "About Us", href: "#" },
+            { label: "Early Access", href: "#" },
+          ] },
       ]}
       copyrightText="© 2025 Social Privé | All Rights Reserved"
     />
@@ -232,4 +173,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
   --card: #1a1a1a;
-  --foreground: #f8f5ffe6;
-  --primary-cta: #c89bff;
-  --primary-cta-text: #0a0a0a;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #efebe5;
   --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #f8f5ffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --secondary-cta-text: #000000;
+  --accent: #535353;
+  --background-accent: #333333;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);