Merge version_3 into main #3
115
src/app/page.tsx
115
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
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';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Mail, MapPin, Phone, Leaf, Flower, Sun } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -21,11 +22,11 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -43,24 +44,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Welcome to JS RUS: Your Galactic Dispensary"
|
||||
description="Explore hyperrealistic strain collections suspended in deep-space luxury. Premium cannabis reimagined through cutting-edge 3D immersion."
|
||||
buttons={[{ text: "Enter the Nebula", 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"
|
||||
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"
|
||||
title="Welcome to JS RUS: Natural Wellness"
|
||||
description="Discover the healing power of nature. Sustainably grown, earth-conscious collections for a balanced lifestyle."
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-fantasy-surreal-street-food_23-2151568908.jpg"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Nebula-Grade Quality" },
|
||||
{ type: "text", text: "Zero-Gravity Cured" },
|
||||
{ type: "text", text: "Ray-Traced Terpenes" },
|
||||
{ type: "text", text: "Bioluminescent Growth" },
|
||||
{ type: "text", text: "Outer Rim Shipping" },
|
||||
{ type: "text", text: "Sun-Grown" },
|
||||
{ type: "text", text: "Organic Roots" },
|
||||
{ type: "text", text: "Earth-First" },
|
||||
{ type: "text", text: "Artisan Cured" },
|
||||
{ type: "text", text: "Small Batch" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -69,8 +62,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "The Future of Galactic Wellness" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665772.jpg", alt: "Dispensary Tech" },
|
||||
{ type: "text", content: "The Harmony of Nature" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665772.jpg", alt: "Nature Wellness" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -82,15 +75,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: "p2", name: "Diesel Cheese", 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: "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" },
|
||||
{ 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: "Earth Harvest", price: "$85", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336308.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" },
|
||||
]}
|
||||
title="Stellar Strains"
|
||||
description="Our curated collection of deep-space luxury strains."
|
||||
title="Earthly Strains"
|
||||
description="Carefully cultivated, natural selections from the best fields."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,12 +90,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: "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: "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: "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: "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: "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"
|
||||
description="Technological excellence in every product."
|
||||
title="Natural Perfection"
|
||||
description="Tradition meets mindful wellness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,27 +106,23 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Purity Rating" },
|
||||
{ id: "m2", value: "24/7", description: "Nebula Access" },
|
||||
{ id: "m3", value: "15k+", description: "Galactic Fans" },
|
||||
{ id: "m1", value: "100%", description: "Naturally Derived" },
|
||||
{ id: "m2", value: "Eco", description: "Packaging" },
|
||||
{ id: "m3", value: "Local", description: "Sourcing" },
|
||||
]}
|
||||
title="Dispensary Stats"
|
||||
description="Numbers from the outer rim."
|
||||
title="Impact Stats"
|
||||
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 +134,34 @@ 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: "q2", title: "Do you deliver to space?", content: "Our drones cover the entire inner rim. Verification required upon delivery." },
|
||||
{ id: "q3", title: "How to scan cubes?", content: "Use your neural interface or standard camera for authentication." },
|
||||
{ id: "q1", title: "Are your methods organic?", content: "Yes, we prioritize sun-grown, chemical-free cultivation practices." },
|
||||
{ id: "q2", title: "Do you ship locally?", content: "We support local community delivery services." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers for our galactic patrons."
|
||||
title="Frequently Asked"
|
||||
description="Questions about our nature-first approach."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
<ContactCenter
|
||||
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"
|
||||
title="Contact Our Dispensary HQ"
|
||||
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" }]}
|
||||
inputPlaceholder="Your email here"
|
||||
/>
|
||||
</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>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #121212;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #8b5cf6;
|
||||
--background: #fdfbf7;
|
||||
--card: #f0ede6;
|
||||
--foreground: #4a3b2a;
|
||||
--primary-cta: #8b7355;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #10b981;
|
||||
--secondary-cta: #f0ede6;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #22c55e;
|
||||
--background-accent: #1a1a1a;
|
||||
--accent: #b8a68b;
|
||||
--background-accent: #e6dcd0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user