bender/f4c6d0cd-e2a2-465f-8867-289413830d1f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #6.
This commit is contained in:
bender
2026-04-19 21:23:47 +00:00
parent d493f8804e 28b8cded55
commit 1b0dee11d7
3 changed files with 63 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/app/page.tsx
View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Archive, Droplets, Leaf, Mountain, Shield, Zap, Star, Award } from "lucide-react";
export default function LandingPage() {
@@ -19,14 +19,14 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -42,57 +42,31 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "downward-rays-static" }}
title="KIRKIT BOTANICALS: ARCHIVE NO. 01"
<HeroLogo
logoText="KIRKIT BOTANICALS: ARCHIVE NO. 01"
description="Scientific preservation of high-altitude Hypericum Perforatum from the Sındırgı ridges. 1300m elevation."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg", alt: "Researcher" },
{ src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg", alt: "Lead Botanist" },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg", alt: "Extraction Lead" },
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", alt: "Lab Technician" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg", alt: "Quality Assurance" },
]}
buttons={[{ text: "View Specimen", href: "#product" }]}
marqueeItems={[
{ type: "text-icon", text: "1300m Elevation", icon: Mountain },
{ type: "text-icon", text: "Wild-Sourced", icon: Leaf },
{ type: "text-icon", text: "Cold Extraction", icon: Droplets },
{ type: "text-icon", text: "UV Protection", icon: Shield },
{ type: "text-icon", text: "Traceable ID", icon: Archive },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
<TextSplitAbout
useInvertedBackground={true}
title="The Sındırgı Provenance"
description="Kirkit Botanicals operates on empirical extraction methods. Our flagship oil is harvested from wild-grown specimens at 1300 meters above sea level on Ulus Mountain, ensuring superior bioactive potential."
bulletPoints={[
{ title: "1300m Altitude", description: "High-elevation growth conditions optimize chemical profile." },
{ title: "Scientific Harvest", description: "Strict protocols for minimal ecological disruption." },
{ title: "Cold Extraction", description: "Preserving the volatile compounds of Perforatum." },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-photo-fresh-chopped-cabbage-with-bottle-oil_114579-68704.jpg?_wi=1"
mediaAnimation="slide-up"
description={["Kirkit Botanicals operates on empirical extraction methods. Our flagship oil is harvested from wild-grown specimens at 1300 meters above sea level on Ulus Mountain, ensuring superior bioactive potential.", "Our archival methods ensure the integrity of every batch is maintained with rigorous scientific oversight."]}
buttons={[{ text: "Explore Method", href: "#feature" }]}
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="opacity"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "canta-1", name: "Canta Oil 30ml", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-composition_23-2149047754.jpg?_wi=1" },
{ id: "canta-2", name: "Canta Oil 50ml", price: "$125.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-selfcare-product-bottle_23-2149249525.jpg" },
{ id: "canta-3", name: "Canta Archive Set", price: "$210.00", imageSrc: "http://img.b2bpic.net/free-photo/medical-alcohol-bottle-white-background_53876-167171.jpg" },
{ id: "canta-4", name: "Canta Refill Pack", price: "$70.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-healthy-argan-oil-arrangement_23-2148989094.jpg" },
{ id: "canta-5", name: "Canta Lab Series", price: "$150.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-lab-glasses_23-2149249532.jpg" },
{ id: "canta-6", name: "Canta Collector Edition", price: "$300.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149291997.jpg" },
{ id: "canta-1", name: "Canta Oil 30ml", price: "$85.00", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-composition_23-2149047754.jpg?_wi=1" },
{ id: "canta-2", name: "Canta Oil 50ml", price: "$125.00", variant: "Archive", imageSrc: "http://img.b2bpic.net/free-photo/still-life-selfcare-product-bottle_23-2149249525.jpg" },
]}
title="Canta: Hypericum Perforatum"
description="The definitive specimen from our collection."
@@ -100,14 +74,15 @@ export default function LandingPage() {
</div>
<div id="metric" data-section="metric">
<MetricCardEleven
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
textboxLayout="split"
useInvertedBackground={true}
gridVariant="uniform-all-items-equal"
metrics={[
{ id: "m1", value: "1300m", title: "Elevation", description: "Harvest site altitude", imageSrc: "http://img.b2bpic.net/free-photo/mountain-sky-seydisfjordur-iceland-may-20-2023_58702-16443.jpg?_wi=1" },
{ id: "m2", value: "99%", title: "Purity", description: "Extraction concentration", imageSrc: "http://img.b2bpic.net/free-photo/landscape-snow-cappedmountain_198169-245.jpg" },
{ id: "m3", value: "48h", title: "Stabilization", description: "Post-harvest protocol", imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-wireframe-background_23-2148993320.jpg" },
{ id: "m1", value: "1300m", description: "Harvest site altitude" },
{ id: "m2", value: "99%", description: "Extraction concentration" },
{ id: "m3", value: "48h", description: "Post-harvest protocol" },
]}
title="Extraction Metrics"
description="Quantifiable quality standards per bottle."
@@ -115,14 +90,12 @@ export default function LandingPage() {
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
<FeatureCardSeven
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Wild-Sourced", description: "Authentically wild, non-cultivated harvest sites.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/misty-mountain-valley-with-sunlight-breaking-through-clouds_84443-81827.jpg?_wi=1", imageAlt: "mountain landscape monochrome" },
{ title: "Cold-Pressing", description: "Extraction without thermal degradation.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-fresh-chopped-cabbage-with-bottle-oil_114579-68704.jpg?_wi=2", imageAlt: "mountain landscape monochrome" },
{ title: "UV-Protection", description: "Miron glass archive containers.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-composition_23-2149047754.jpg?_wi=2", imageAlt: "mountain landscape monochrome" },
{ title: "Batch ID", description: "Individual traceability codes per unit.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg?_wi=1", imageAlt: "mountain landscape monochrome" },
{ title: "Wild-Sourced", description: "Authentically wild, non-cultivated harvest sites.", imageSrc: "http://img.b2bpic.net/free-photo/misty-mountain-valley-with-sunlight-breaking-through-clouds_84443-81827.jpg?_wi=1" },
{ title: "Cold-Pressing", description: "Extraction without thermal degradation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-fresh-chopped-cabbage-with-bottle-oil_114579-68704.jpg?_wi=2" },
]}
title="Preservation Protocols"
description="The technical framework behind Kirkit extraction."
@@ -130,15 +103,13 @@ export default function LandingPage() {
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
textboxLayout="default"
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Dr. A. Yilmaz", date: "2023", title: "Botanist", quote: "The chemical stability of Canta is exemplary.", tag: "Peer Review", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-suit-posing-black-white-medium-shot_23-2149411400.jpg", imageSrc: "http://img.b2bpic.net/free-photo/misty-mountain-valley-with-sunlight-breaking-through-clouds_84443-81827.jpg?_wi=2", imageAlt: "portrait professional studio dark background" },
{ id: "2", name: "S. Demir", date: "2023", title: "Chemist", quote: "Standardized extraction excellence.", tag: "Peer Review", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19909.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-fresh-chopped-cabbage-with-bottle-oil_114579-68704.jpg?_wi=3", imageAlt: "portrait professional studio dark background" },
{ id: "3", name: "L. Kaya", date: "2024", title: "Researcher", quote: "Unmatched specimen purity levels.", tag: "Peer Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-scientist-lab_23-2148816371.jpg", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-composition_23-2149047754.jpg?_wi=3", imageAlt: "portrait professional studio dark background" },
{ id: "4", name: "J. Smith", date: "2024", title: "Dermatologist", quote: "Integrity of the Perforatum oil is pristine.", tag: "Peer Review", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg?_wi=2", imageAlt: "portrait professional studio dark background" },
{ id: "5", name: "M. Oz", date: "2024", title: "Lab Tech", quote: "The archive sets are a gold standard.", tag: "Peer Review", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-looking-aside-with-serious-face-with-arms-crossed-standing-green-wall_141793-71536.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mountain-sky-seydisfjordur-iceland-may-20-2023_58702-16443.jpg?_wi=2", imageAlt: "portrait professional studio dark background" },
{ id: "1", name: "Dr. A. Yilmaz", role: "Botanist", testimonial: "The chemical stability of Canta is exemplary.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-suit-posing-black-white-medium-shot_23-2149411400.jpg" },
{ id: "2", name: "S. Demir", role: "Chemist", testimonial: "Standardized extraction excellence.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19909.jpg" },
]}
title="Scientific Peer Review"
description="Results observed by our partners."
@@ -146,38 +117,35 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqSplitMedia
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Why high altitude?", content: "Higher oxygen-depleted environments force plants to develop stronger secondary metabolites." },
{ id: "q2", title: "Traceability?", content: "Each bottle contains a unique batch code mapped to our database." },
{ id: "q3", title: "Shelf life?", content: "24 months in dark environments due to light-blocking glass." },
]}
sideTitle="Scientific Inquiries"
faqsAnimation="blur-reveal"
title="Scientific Inquiries"
faqsAnimation="slide-up"
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg?_wi=1"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Join the Kirkit botanical mailing list for upcoming harvest availability."
<ContactSplitForm
title="Request Archival Access"
description="Join the Kirkit botanical mailing list for upcoming harvest availability."
inputs={[
{ name: "email", type: "email", placeholder: "Scientific contact email" },
{ name: "name", type: "text", placeholder: "Full professional name" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kirkit Archive", items: [{ label: "Protocol", href: "#" }, { label: "Specimens", href: "#" }]
},
{
title: "Contact", items: [{ label: "hello@kirkit.botanicals", href: "mailto:hello@kirkit.botanicals" }]
},
]}
bottomLeftText="© 2024 Kirkit Botanicals"
bottomRightText="Scientific Archive Unit"
<FooterLogoReveal
logoText="KIRKIT BOTANICALS"
leftLink={{ text: "Protocol", href: "#" }}
rightLink={{ text: "Specimens", href: "#" }}
/>
</div>
</ReactLenis>

4
src/app/styles/base.css
View File

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

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4f0;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--background: #e5dccb;
--card: #dccfbc;
--foreground: #4a3e35;
--primary-cta: #7a6a57;
--primary-cta-text: #f5f4f0;
--secondary-cta: #f5f4f0;
--secondary-cta: #a59784;
--secondary-cta-text: #1a1a1a;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
--accent: #5e5246;
--background-accent: #d6c9b5;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);