Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -21,11 +21,11 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="mediumSmall"
         sizing="largeSizeMediumTitles"
-        background="grid"
+        background="noiseDiagonalGradient"
-        cardStyle="solid"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
+        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -43,24 +43,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{ variant: "radial-gradient" }}
-      title="Welcome to JS RUS: Your Galactic Dispensary"
+      title="Welcome to JS RUS: Natural Wellness"
-      description="Explore hyperrealistic strain collections suspended in deep-space luxury. Premium cannabis reimagined through cutting-edge 3D immersion."
+      description="Discover the healing power of nature. Sustainably grown, earth-conscious collections for a balanced lifestyle."
-      buttons={[{ text: "Enter the Nebula", href: "#products" }]}
+      buttons={[{ text: "Explore Collection", href: "#products" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-101257.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/view-delicious-fantasy-surreal-street-food_23-2151568908.jpg"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-nighttime_23-2149005427.jpg", alt: "User 1" },
-        { src: "http://img.b2bpic.net/free-photo/african-american-man-with-face-painting-wearing-sunglasses_23-2148932849.jpg", alt: "User 2" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-cute-girl-looking-away_23-2148311241.jpg", alt: "User 3" },
-        { src: "http://img.b2bpic.net/free-photo/pensive-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-3675.jpg", alt: "User 4" },
-        { src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-studio_23-2149445849.jpg", alt: "User 5" },
-      ]}
-      avatarText="Join 15k+ galactic explorers"
       marqueeItems={[
-        { type: "text", text: "Nebula-Grade Quality" },
+        { type: "text", text: "Sun-Grown" },
-        { type: "text", text: "Zero-Gravity Cured" },
+        { type: "text", text: "Organic Roots" },
-        { type: "text", text: "Ray-Traced Terpenes" },
+        { type: "text", text: "Earth-First" },
-        { type: "text", text: "Bioluminescent Growth" },
+        { type: "text", text: "Artisan Cured" },
-        { type: "text", text: "Outer Rim Shipping" },
+        { type: "text", text: "Small Batch" },
       ]}
     />
   </div>
@@ -69,8 +61,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        { type: "text", content: "The Future of Galactic Wellness" },
+        { type: "text", content: "The Harmony of Nature" },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665772.jpg", alt: "Dispensary Tech" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665772.jpg", alt: "Nature Wellness" },
       ]}
     />
   </div>
@@ -82,15 +74,12 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Sunset Nebula", price: "$99", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-assortment_23-2149013547.jpg" },
+        { id: "p1", name: "Sun Valley Bloom", price: "$99", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-assortment_23-2149013547.jpg" },
-        { id: "p2", name: "Diesel Cheese", price: "$85", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336308.jpg" },
+        { id: "p2", name: "Earth Harvest", price: "$85", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336308.jpg" },
-        { id: "p3", name: "Skunk Drift", price: "$70", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336278.jpg" },
+        { id: "p3", name: "Forest Drift", price: "$70", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336278.jpg" },
-        { id: "p4", name: "Nebula Muffin", price: "$45", variant: "Edible", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fantasy-surreal-street-food_23-2151568908.jpg" },
-        { id: "p5", name: "Cosmic Popcorn", price: "$30", variant: "Edible", imageSrc: "http://img.b2bpic.net/free-photo/3d-green-moss-abstract-shape_23-2151382301.jpg" },
-        { id: "p6", name: "Galaxy Cookie", price: "$25", variant: "Edible", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-marijuana-plant-leaves-with-vibrant-green-colors_23-2151299871.jpg" },
       ]}
-      title="Stellar Strains"
+      title="Earthly Strains"
-      description="Our curated collection of deep-space luxury strains."
+      description="Carefully cultivated, natural selections from the best fields."
     />
   </div>
 
@@ -100,12 +89,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        { id: "f1", title: "Ray-Traced Terpenes", author: "Lab", description: "Molecularly engineered flavor profiles.", tags: ["HighTech"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974206.jpg" },
+        { id: "f1", title: "Sun-Grown Quality", author: "Nature", description: "Grown under the natural warmth of the sun.", tags: ["Organic"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974206.jpg" },
-        { id: "f2", title: "Zero-Gravity Curing", author: "Process", description: "Perfect consistency in every batch.", tags: ["SpaceTech"], imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591415.jpg" },
+        { id: "f2", title: "Artisan Curing", author: "Craft", description: "Slow-cured for rich, complex flavors.", tags: ["Boho"], imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591415.jpg" },
-        { id: "f3", title: "Bioluminescent Growth", author: "Cultivation", description: "Naturally glowing, potent harvest.", tags: ["Organic"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355053.jpg" },
+        { id: "f3", title: "Sustainable Practices", author: "Soil", description: "Supporting local agriculture and earth health.", tags: ["Sustainable"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355053.jpg" },
       ]}
-      title="Galactic Precision"
+      title="Natural Perfection"
-      description="Technological excellence in every product."
+      description="Tradition meets mindful wellness."
     />
   </div>
 
@@ -116,27 +105,23 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "100%", description: "Purity Rating" },
+        { id: "m1", value: "100%", description: "Naturally Derived" },
-        { id: "m2", value: "24/7", description: "Nebula Access" },
+        { id: "m2", value: "Eco", description: "Packaging" },
-        { id: "m3", value: "15k+", description: "Galactic Fans" },
+        { id: "m3", value: "Local", description: "Sourcing" },
       ]}
-      title="Dispensary Stats"
+      title="Impact Stats"
-      description="Numbers from the outer rim."
+      description="Cultivating a greener community."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={true}
-      testimonial="The best dispensary in the galaxy. The Sunset Nebula strain is truly out of this world."
+      testimonial="Truly grounded, artisanal quality. The Sun Valley Bloom strain feels like a breath of fresh air."
       rating={5}
-      author="Commander X"
+      author="River Soul"
       avatars={[
         { src: "http://img.b2bpic.net/free-photo/close-up-cute-guy-carnival_23-2148311247.jpg", alt: "User 1" },
-        { src: "http://img.b2bpic.net/free-photo/abstract-vaporwave-portrait-woman_23-2148950775.jpg", alt: "User 2" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-glasses_23-2149005467.jpg", alt: "User 3" },
-        { src: "http://img.b2bpic.net/free-photo/fashionable-trendy-man-is-posing-photographer-unusual-background-photo-studio_613910-13110.jpg", alt: "User 4" },
-        { src: "http://img.b2bpic.net/free-photo/vertical-shot-architectural-building-structure-world-trade-center-oculus-new-york_181624-2336.jpg", alt: "User 5" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -148,31 +133,35 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "Are products legal?", content: "All products comply with local cannabis regulations in legal jurisdictions. License: #CAN-GAL-9988." },
+        { id: "q1", title: "Are your methods organic?", content: "Yes, we prioritize sun-grown, chemical-free cultivation practices." },
-        { id: "q2", title: "Do you deliver to space?", content: "Our drones cover the entire inner rim. Verification required upon delivery." },
+        { id: "q2", title: "Do you ship locally?", content: "We support local community delivery services." },
-        { id: "q3", title: "How to scan cubes?", content: "Use your neural interface or standard camera for authentication." },
       ]}
-      title="Frequently Asked Questions"
+      title="Frequently Asked"
-      description="Answers for our galactic patrons."
+      description="Questions about our nature-first approach."
       faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactCenter
-      useInvertedBackground={true}
+      tag="Connect"
+      title="Visit Our Community Studio"
+      description="Find us in the heart of the valley. We offer consultations in a cozy, welcoming space."
       background={{ variant: "plain" }}
-      tag="Get in Touch"
+      useInvertedBackground={false}
-      title="Contact Our Dispensary HQ"
+      inputPlaceholder="Your email here"
-      description="Visit us at Sector 7, Nebula Base. Our team is available 24/7 for consultations and secure pickups. Contact us at hello@jsrus.galactic or call 0800-NEBULA."
-      buttons={[{ text: "Contact Support" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseReveal
       logoText="JS RUS"
-      copyrightText="© 2025 JS RUS Galactic Dispensary. All rights reserved. 18+ Only. License #CAN-GAL-9988 Compliance Certified."
+      columns={[
+        { title: "Shop", items: [{ label: "Strains", href: "#" }, { label: "Edibles", href: "#" }] },
+        { title: "Info", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
+        { title: "Legal", items: [{ label: "Compliance", href: "#" }, { label: "Privacy", href: "#" }] }
+      ]}
+      copyrightText="© 2025 JS RUS - Living in Harmony."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #fdfbf7;
-  --card: #121212;
+  --card: #f0ede6;
-  --foreground: #f5f5f5;
+  --foreground: #4a3b2a;
-  --primary-cta: #8b5cf6;
+  --primary-cta: #8b7355;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #10b981;
+  --secondary-cta: #f0ede6;
   --secondary-cta-text: #ffffff;
-  --accent: #22c55e;
+  --accent: #b8a68b;
-  --background-accent: #1a1a1a;
+  --background-accent: #e6dcd0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);