Update src/app/page.tsx
This commit is contained in:
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
@@ -18,14 +18,14 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -42,40 +42,38 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Pure Botanical Excellence"
|
||||
description="Experience curated cannabis selections in an elevated, minimalist environment."
|
||||
mediaItems={[
|
||||
<HeroCarouselLogo
|
||||
logoText="Elysium"
|
||||
description="Minimalist curation for the conscious consumer."
|
||||
buttons={[{text: "Shop Now", href: "#products"}]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cannabis-plant_1150-19464.jpg", imageAlt: "Cannabis macro shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-jar-with-baby-carrots-preserving_23-2148738040.jpg", imageAlt: "Glass packaging" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-dense-grey-fog-greenness_23-2148101960.jpg", imageAlt: "Abstract smoke" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Commitment to Quality"
|
||||
title="Elevated botanical standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "p1", name: "Aether Flower", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-dried-flowers-glass-vase-light-background-with-sunlight_169016-12896.jpg" },
|
||||
{ id: "p2", name: "Golden Extract", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/weed-leaves-oil-still-life_23-2151651053.jpg" },
|
||||
{ id: "p3", name: "Signature Pre-Roll", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-view-cake-with-chocolate-sauce_114579-61423.jpg" }
|
||||
{ id: "p1", name: "Aether", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-dried-flowers-glass-vase-light-background-with-sunlight_169016-12896.jpg" },
|
||||
{ id: "p2", name: "Golden", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/weed-leaves-oil-still-life_23-2151651053.jpg" },
|
||||
{ id: "p3", name: "Signature", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-view-cake-with-chocolate-sauce_114579-61423.jpg" }
|
||||
]}
|
||||
title="Curated Selection"
|
||||
description="Discover our hand-picked range of artisanal cannabis products."
|
||||
title="Selection"
|
||||
description="Artisanal curated goods."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,20 +81,14 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Sustainably Sourced", description: "Ethically grown, lab-verified flora.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Secure Delivery", description: "Discreet and professional transit.", bentoComponent: "reveal-icon", icon: Truck
|
||||
},
|
||||
{
|
||||
title: "Expert Consultation", description: "Guided by seasoned botanical curators.", bentoComponent: "reveal-icon", icon: Users
|
||||
}
|
||||
{ title: "Sustainably Sourced", description: "Lab-verified flora.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Secure Transit", description: "Discreet delivery.", bentoComponent: "reveal-icon", icon: Truck },
|
||||
{ title: "Expert Curators", description: "Seasoned professionals.", bentoComponent: "reveal-icon", icon: Users }
|
||||
]}
|
||||
title="Why Elysium"
|
||||
description="Excellence in every detail."
|
||||
title="Philosophy"
|
||||
description="Precision in every detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,12 +97,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional", quote: "The quality is simply unmatched.", name: "Alice M.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg" },
|
||||
{ id: "2", title: "Refined", quote: "Finally, a shop that matches my standards.", name: "John D.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414125.jpg" },
|
||||
{ id: "3", title: "Professional", quote: "Impeccable service and product clarity.", name: "Sarah P.", role: "Connoisseur", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" }
|
||||
{ id: "1", title: "Exceptional", quote: "Unmatched purity.", name: "Alice M.", role: "Collector" },
|
||||
{ id: "2", title: "Refined", quote: "Standards above the rest.", name: "John D.", role: "Professional" },
|
||||
{ id: "3", title: "Impeccable", quote: "Clear service, great products.", name: "Sarah P.", role: "Connoisseur" }
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="What our community says about Elysium."
|
||||
title="Insights"
|
||||
description="Our community's experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,40 +112,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is it safe?", content: "All products are rigorously lab-tested." },
|
||||
{ id: "q2", title: "Do you ship discretely?", content: "Yes, all packaging is neutral and discreet." },
|
||||
{ id: "q3", title: "Are you licensed?", content: "Yes, we are a fully regulated establishment." }
|
||||
{ id: "q1", title: "Testing", content: "Rigorous lab standards." },
|
||||
{ id: "q2", title: "Shipping", content: "Neutral and secure." },
|
||||
{ id: "q3", title: "Licensing", content: "Fully compliant." }
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to frequently asked questions."
|
||||
title="Support"
|
||||
description="Common questions answered."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Connect with our curators today."
|
||||
background={{ variant: "plain" }}
|
||||
text="Connect with our curators."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Elysium Botanics"
|
||||
logoText="Elysium"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Flowers", href: "#products" },
|
||||
{ label: "Extracts", href: "#products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
}
|
||||
{ title: "Catalog", items: [{ label: "Flowers", href: "#products" }, { label: "Extracts", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user