Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Leaf, ShieldCheck, Zap, BarChart3, Target, Microscope, FileText, PackageCheck, GitBranch } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#benefits",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Benefits", id: "#benefits" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="GreenLeaf"
|
||||
/>
|
||||
@@ -54,18 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Purity, Elevated."
|
||||
description="Experience the gold standard of organic cannabis. Hand-selected strains crafted with care for your wellness journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-spiky-leaves_23-2147810881.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-spiky-leaves_23-2147810881.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,20 +58,11 @@ export default function LandingPage() {
|
||||
title="Quality in Every Harvest"
|
||||
description="Our mission is to bring transparency and excellence to the cannabis industry. We cultivate using sustainable, organic practices to ensure every product is as clean as it is potent."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Organic Certified",
|
||||
description: "Grown without synthetic pesticides.",
|
||||
},
|
||||
{
|
||||
title: "Artisan Crafted",
|
||||
description: "Hand-trimmed for perfect quality.",
|
||||
},
|
||||
{
|
||||
title: "Lab Tested",
|
||||
description: "Third-party verified purity.",
|
||||
},
|
||||
{ title: "Organic Certified", description: "Grown without synthetic pesticides." },
|
||||
{ title: "Artisan Crafted", description: "Hand-trimmed for perfect quality." },
|
||||
{ title: "Lab Tested", description: "Third-party verified purity." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-repairing-computer-computer-hardware-repairing-upgrade-technology_1150-8867.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-repairing-computer-computer-hardware-repairing-upgrade-technology_1150-8867.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -101,42 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sunset OG",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marijuana-leaves-cannabis-beautiful-background_1150-7603.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Haze",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-young-hemp-leaf-tree-branch_181624-55253.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pure Hemp Tincture",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-oil-bottle-arrangement_23-2148977730.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gourmet Gummies",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-composition_23-2149013561.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Pre-Roll",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-arrangement_23-2149013546.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gold Resin",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-arrangement_23-2149013591.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Sunset OG", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/marijuana-leaves-cannabis-beautiful-background_1150-7603.jpg" },
|
||||
{ id: "p2", name: "Midnight Haze", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-young-hemp-leaf-tree-branch_181624-55253.jpg" },
|
||||
{ id: "p3", name: "Pure Hemp Tincture", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/cannabis-oil-bottle-arrangement_23-2148977730.jpg" },
|
||||
{ id: "p4", name: "Gourmet Gummies", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-composition_23-2149013561.jpg" },
|
||||
{ id: "p5", name: "Signature Pre-Roll", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-arrangement_23-2149013546.jpg" },
|
||||
{ id: "p6", name: "Gold Resin", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-arrangement_23-2149013591.jpg" },
|
||||
]}
|
||||
title="Premium Selections"
|
||||
description="Curated strains and products for your specific needs."
|
||||
@@ -150,68 +93,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainability First",
|
||||
description: "Our farming techniques prioritize soil health and water conservation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-green-medical-marijuana-cannabis-growing-garden_181624-48676.jpg",
|
||||
},
|
||||
title: "Sustainability First", description: "Our farming techniques prioritize soil health and water conservation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/shot-green-medical-marijuana-cannabis-growing-garden_181624-48676.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Low carbon footprint",
|
||||
},
|
||||
{
|
||||
text: "Regenerative agriculture",
|
||||
},
|
||||
{
|
||||
text: "Ethical harvesting",
|
||||
},
|
||||
{ icon: Leaf, text: "Low carbon footprint" },
|
||||
{ icon: ShieldCheck, text: "Regenerative agriculture" },
|
||||
{ icon: Zap, text: "Ethical harvesting" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spiky-leaves_23-2147810881.jpg?_wi=2",
|
||||
imageAlt: "premium cannabis bud glass jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spiky-leaves_23-2147810881.jpg", imageAlt: "premium cannabis bud glass jar"},
|
||||
{
|
||||
title: "Advanced Extraction",
|
||||
description: "We utilize state-of-the-art cold extraction to preserve cannabinoids.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-cbd-oil_23-2150830163.jpg",
|
||||
},
|
||||
title: "Advanced Extraction", description: "We utilize state-of-the-art cold extraction to preserve cannabinoids.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-cbd-oil_23-2150830163.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Solvent-free process",
|
||||
},
|
||||
{
|
||||
text: "Terpene preservation",
|
||||
},
|
||||
{
|
||||
text: "High potency",
|
||||
},
|
||||
{ icon: BarChart3, text: "Solvent-free process" },
|
||||
{ icon: Target, text: "Terpene preservation" },
|
||||
{ icon: Microscope, text: "High potency" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-repairing-computer-computer-hardware-repairing-upgrade-technology_1150-8867.jpg?_wi=2",
|
||||
imageAlt: "premium cannabis bud glass jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-repairing-computer-computer-hardware-repairing-upgrade-technology_1150-8867.jpg", imageAlt: "premium cannabis bud glass jar"},
|
||||
{
|
||||
title: "Full Transparency",
|
||||
description: "Every package features a QR code for detailed lab results.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thc-cbd-marijuana-joint-flowers-ash-tray-with-nude-illustration-drawing-pad_181624-17183.jpg",
|
||||
},
|
||||
title: "Full Transparency", description: "Every package features a QR code for detailed lab results.", media: { imageSrc: "http://img.b2bpic.net/free-photo/thc-cbd-marijuana-joint-flowers-ash-tray-with-nude-illustration-drawing-pad_181624-17183.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "QR lab reports",
|
||||
},
|
||||
{
|
||||
text: "Total terpene profiling",
|
||||
},
|
||||
{
|
||||
text: "Batch tracking",
|
||||
},
|
||||
{ icon: FileText, text: "QR lab reports" },
|
||||
{ icon: PackageCheck, text: "Total terpene profiling" },
|
||||
{ icon: GitBranch, text: "Batch tracking" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marijuana-leaves-cannabis-beautiful-background_1150-7603.jpg?_wi=2",
|
||||
imageAlt: "premium cannabis bud glass jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marijuana-leaves-cannabis-beautiful-background_1150-7603.jpg", imageAlt: "premium cannabis bud glass jar"},
|
||||
]}
|
||||
title="Why Choose GreenLeaf"
|
||||
description="Benefits that set us apart from the rest."
|
||||
@@ -223,14 +130,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Cannabis Digest",
|
||||
"Leafly Certified",
|
||||
"Wellness Daily",
|
||||
"Hemp Monthly",
|
||||
"Green Media",
|
||||
"Botanical News",
|
||||
"Natural Living",
|
||||
]}
|
||||
"Cannabis Digest", "Leafly Certified", "Wellness Daily", "Hemp Monthly", "Green Media", "Botanical News", "Natural Living"]}
|
||||
title="Trusted Industry Partner"
|
||||
description="Featured in top cannabis wellness publications."
|
||||
/>
|
||||
@@ -243,26 +143,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105794.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
alt: "Alex",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-handsome-young-man-colored-summer-shirt-looking-happy-standing-white-background_1258-105794.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Alex" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -273,21 +158,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are your products organic?",
|
||||
content: "Yes, we prioritize organic farming for all our crops.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I verify lab reports?",
|
||||
content: "Scan the QR code on any product package.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you ship everywhere?",
|
||||
content: "We ship strictly within states where legalization allows.",
|
||||
},
|
||||
{ id: "1", title: "Are your products organic?", content: "Yes, we prioritize organic farming for all our crops." },
|
||||
{ id: "2", title: "How do I verify lab reports?", content: "Scan the QR code on any product package." },
|
||||
{ id: "3", title: "Do you ship everywhere?", content: "We ship strictly within states where legalization allows." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -297,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Informed"
|
||||
description="Join our list for exclusive updates on new strains and educational content."
|
||||
@@ -309,17 +180,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GreenLeaf"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user