bender/45fd45aa-4b7d-4ed1-86d7-7ecb154fbdf7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-19 14:51:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +48 -183
1 changed files with 48 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Sparkles } from "lucide-react";
import { Sparkles, Shield, Droplets, Trees, Leaf, Waves } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "product",
},
name: "Products", id: "product"},
{
name: "Testimonials",
id: "testimonial",
},
name: "Testimonials", id: "testimonial"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="TerraShield Soap"
/>
@@ -60,65 +50,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Breathe the Woods. Repel the Rest."
description="Experience nature’s cleanest secret: a premium artisan soap that blends wild cedarwood, fresh eucalyptus, and powerful botanical repellents for a pristine outdoor journey."
tag="100% Organic & Effective"
buttons={[
{
text: "Shop The Collection",
href: "#product",
},
text: "Shop The Collection", href: "#product"},
]}
imageSrc="https://pixabay.com/get/gf184acb2da2bbf0d1de9619a7f01c01d93dc9e9e95dcb4c1270839d2af0636f4687b36076c1ae1f5c84a94d9641f5cdb1bd935e5255f95745ad4db55a244fecd_1280.jpg?_wi=1"
imageSrc="https://pixabay.com/get/gf184acb2da2bbf0d1de9619a7f01c01d93dc9e9e95dcb4c1270839d2af0636f4687b36076c1ae1f5c84a94d9641f5cdb1bd935e5255f95745ad4db55a244fecd_1280.jpg"
mediaAnimation="slide-up"
tagIcon={Sparkles}
imageAlt="luxurious artisan soap bar forest background"
avatars={[
{
src: "https://pixabay.com/get/g5ae8de04b808a3d98d7f63f6d0a53d72ef7ec892dc667a04c31bc939bb96c7c7c96f49e9a4d8f9a946f1378b333a61bf96e41bc892c26230b818156f6c6eae3d_1280.jpg",
alt: "soap bubble macro",
},
src: "https://pixabay.com/get/g5ae8de04b808a3d98d7f63f6d0a53d72ef7ec892dc667a04c31bc939bb96c7c7c96f49e9a4d8f9a946f1378b333a61bf96e41bc892c26230b818156f6c6eae3d_1280.jpg", alt: "soap bubble macro"},
{
src: "https://pixabay.com/get/g8a67267cf86d6b84e0d58ed1326f7f7ec25372878c55e41cbbe71c6ef2d3a227948d152107a9aab1ec7b71146abf7999eb0b1dbc0b5005b780a5aad3e9106918_1280.jpg",
alt: "clean sink area",
},
src: "https://pixabay.com/get/g8a67267cf86d6b84e0d58ed1326f7f7ec25372878c55e41cbbe71c6ef2d3a227948d152107a9aab1ec7b71146abf7999eb0b1dbc0b5005b780a5aad3e9106918_1280.jpg", alt: "clean sink area"},
{
src: "https://pixabay.com/get/g2f771a17ba3ecd1c59aa06afe88a07065acfa414b822b1bdb696d43108cdad089257845907cce82272a9c483bf19b208f6e2d837395eecccfb9897e45be4b6cb_1280.jpg",
alt: "iridescent soap bubble",
},
src: "https://pixabay.com/get/g2f771a17ba3ecd1c59aa06afe88a07065acfa414b822b1bdb696d43108cdad089257845907cce82272a9c483bf19b208f6e2d837395eecccfb9897e45be4b6cb_1280.jpg", alt: "iridescent soap bubble"},
{
src: "https://pixabay.com/get/gc01c9910307e4a926407a1aad784d442be725f3fbf67c4329e6f02539c97bb7e440ecb110988dc1125f056a36451b7eb42392cb605378a4f61e54566507cf73d_1280.jpg",
alt: "multicolored soap bubbles",
},
src: "https://pixabay.com/get/gc01c9910307e4a926407a1aad784d442be725f3fbf67c4329e6f02539c97bb7e440ecb110988dc1125f056a36451b7eb42392cb605378a4f61e54566507cf73d_1280.jpg", alt: "multicolored soap bubbles"},
{
src: "https://pixabay.com/get/gf95a988b7f507e58e3e8bd71c2942ba6ad1621082a56c46fac3285741e7318f713d86b1530430afcc9b80ddf02c3dd514304e901f9c9e0adbdefdeee451b5950_1280.jpg",
alt: "flying soap bubbles",
},
src: "https://pixabay.com/get/gf95a988b7f507e58e3e8bd71c2942ba6ad1621082a56c46fac3285741e7318f713d86b1530430afcc9b80ddf02c3dd514304e901f9c9e0adbdefdeee451b5950_1280.jpg", alt: "flying soap bubbles"},
]}
avatarText="Trusted by 5,000+ outdoor enthusiasts"
marqueeItems={[
{
type: "text",
text: "100% Organic Ingredients",
},
type: "text", text: "100% Organic Ingredients"},
{
type: "text",
text: "Cruelty-Free",
},
type: "text", text: "Cruelty-Free"},
{
type: "text",
text: "Travel-Friendly",
},
type: "text", text: "Travel-Friendly"},
{
type: "text",
text: "Eco-Conscious Packaging",
},
type: "text", text: "Eco-Conscious Packaging"},
{
type: "text",
text: "Plant-Based Protection",
},
type: "text", text: "Plant-Based Protection"},
]}
/>
</div>
@@ -128,8 +95,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Crafted for Adventurers"
description={[
"TerraShield was born from a simple idea: why should outdoor enthusiasts have to choose between smelling like a lab-grown chemical repellent or being bitten by bugs? We crafted a soap that nourishes your skin with essential oils while creating a natural, invisible shield against pests.",
]}
"TerraShield was born from a simple idea: why should outdoor enthusiasts have to choose between smelling like a lab-grown chemical repellent or being bitten by bugs? We crafted a soap that nourishes your skin with essential oils while creating a natural, invisible shield against pests."]}
/>
</div>
@@ -139,40 +105,20 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "DEET-Free Protection",
description: "Harness the power of lemongrass and geranium.",
buttonIcon: "Shield",
imageSrc: "https://pixabay.com/get/g811bfe911430c5877397f346f22bc14b985d8a91eb7cea3264643d19b6331e123628e3c247a02601abddfa04a27abd5c4858beacaed216ad515a66fc776cc94d_1280.jpg",
imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey",
},
title: "DEET-Free Protection", description: "Harness the power of lemongrass and geranium.", buttonIcon: Shield,
imageSrc: "https://pixabay.com/get/g811bfe911430c5877397f346f22bc14b985d8a91eb7cea3264643d19b6331e123628e3c247a02601abddfa04a27abd5c4858beacaed216ad515a66fc776cc94d_1280.jpg", imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey"},
{
title: "Skin Nourishing",
description: "Organic shea butter and coconut oil base.",
buttonIcon: "Droplets",
imageSrc: "https://pixabay.com/get/gf184acb2da2bbf0d1de9619a7f01c01d93dc9e9e95dcb4c1270839d2af0636f4687b36076c1ae1f5c84a94d9641f5cdb1bd935e5255f95745ad4db55a244fecd_1280.jpg?_wi=2",
imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey",
},
title: "Skin Nourishing", description: "Organic shea butter and coconut oil base.", buttonIcon: Droplets,
imageSrc: "https://pixabay.com/get/gf184acb2da2bbf0d1de9619a7f01c01d93dc9e9e95dcb4c1270839d2af0636f4687b36076c1ae1f5c84a94d9641f5cdb1bd935e5255f95745ad4db55a244fecd_1280.jpg", imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey"},
{
title: "Outdoor Scent",
description: "Notes of forest cedar, pine, and citrus.",
buttonIcon: "Trees",
imageSrc: "https://pixabay.com/get/g64ee7b1082b90dee41fae18074c2b51c39c0d9c347a9c34efe9a72fcbbe566b3a87d9a51924a94ef94a724a78288886825351849dbb86e317a113f0649f15ef2_1280.jpg?_wi=1",
imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey",
},
title: "Outdoor Scent", description: "Notes of forest cedar, pine, and citrus.", buttonIcon: Trees,
imageSrc: "https://pixabay.com/get/g64ee7b1082b90dee41fae18074c2b51c39c0d9c347a9c34efe9a72fcbbe566b3a87d9a51924a94ef94a724a78288886825351849dbb86e317a113f0649f15ef2_1280.jpg", imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey"},
{
title: "Biodegradable",
description: "Safe for you, safe for the wild.",
buttonIcon: "Leaf",
imageSrc: "https://pixabay.com/get/g7910e8df59233703f06bdf4d366ac542ca044a866db60e4a4796076db9593413d80b4c4e545f786cacb1088deab7cb36dc315ac1dfb7a7a50a7a5e960f18be3d_1280.jpg?_wi=1",
imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey",
},
title: "Biodegradable", description: "Safe for you, safe for the wild.", buttonIcon: Leaf,
imageSrc: "https://pixabay.com/get/g7910e8df59233703f06bdf4d366ac542ca044a866db60e4a4796076db9593413d80b4c4e545f786cacb1088deab7cb36dc315ac1dfb7a7a50a7a5e960f18be3d_1280.jpg", imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey"},
{
title: "Moisture-Lock Formula",
description: "Hydrate deeply after every rugged adventure.",
buttonIcon: "Waves",
imageSrc: "https://pixabay.com/get/g316e220c65b00df3e859d107701f6d74748287a04fdc9302b1f0964b1671c1662a04de426984c260a1173a0e5fcdf844d86604e27c6cb0a698b93bdefd74c1c2_1280.jpg?_wi=1",
imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey",
},
title: "Moisture-Lock Formula", description: "Hydrate deeply after every rugged adventure.", buttonIcon: Waves,
imageSrc: "https://pixabay.com/get/g316e220c65b00df3e859d107701f6d74748287a04fdc9302b1f0964b1671c1662a04de426984c260a1173a0e5fcdf844d86604e27c6cb0a698b93bdefd74c1c2_1280.jpg", imageAlt: "alcohol, drink, glasses, beverage, alcoholic drink, alcoholic beverage, whiskey, alcohol, alcohol, alcohol, alcohol, alcohol, whiskey, whiskey"},
]}
title="Pure Botanical Defense"
description="Our proprietary blend uses natural plant extracts to keep insects at bay without synthetic toxins."
@@ -187,47 +133,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Wild Cedarwood Bar",
price: "$12.00",
variant: "Best Seller",
imageSrc: "https://pixabay.com/get/g64ee7b1082b90dee41fae18074c2b51c39c0d9c347a9c34efe9a72fcbbe566b3a87d9a51924a94ef94a724a78288886825351849dbb86e317a113f0649f15ef2_1280.jpg?_wi=2",
},
id: "p1", name: "Wild Cedarwood Bar", price: "$12.00", variant: "Best Seller", imageSrc: "https://pixabay.com/get/g64ee7b1082b90dee41fae18074c2b51c39c0d9c347a9c34efe9a72fcbbe566b3a87d9a51924a94ef94a724a78288886825351849dbb86e317a113f0649f15ef2_1280.jpg"},
{
id: "p2",
name: "Citrus Eucalyptus Bar",
price: "$12.00",
variant: "Refreshing",
imageSrc: "https://pixabay.com/get/g7910e8df59233703f06bdf4d366ac542ca044a866db60e4a4796076db9593413d80b4c4e545f786cacb1088deab7cb36dc315ac1dfb7a7a50a7a5e960f18be3d_1280.jpg?_wi=2",
},
id: "p2", name: "Citrus Eucalyptus Bar", price: "$12.00", variant: "Refreshing", imageSrc: "https://pixabay.com/get/g7910e8df59233703f06bdf4d366ac542ca044a866db60e4a4796076db9593413d80b4c4e545f786cacb1088deab7cb36dc315ac1dfb7a7a50a7a5e960f18be3d_1280.jpg"},
{
id: "p3",
name: "Lavender Moss Bar",
price: "$12.00",
variant: "Calming",
imageSrc: "https://pixabay.com/get/g316e220c65b00df3e859d107701f6d74748287a04fdc9302b1f0964b1671c1662a04de426984c260a1173a0e5fcdf844d86604e27c6cb0a698b93bdefd74c1c2_1280.jpg?_wi=2",
},
id: "p3", name: "Lavender Moss Bar", price: "$12.00", variant: "Calming", imageSrc: "https://pixabay.com/get/g316e220c65b00df3e859d107701f6d74748287a04fdc9302b1f0964b1671c1662a04de426984c260a1173a0e5fcdf844d86604e27c6cb0a698b93bdefd74c1c2_1280.jpg"},
{
id: "p4",
name: "Outdoor Explorer Pack",
price: "$32.00",
variant: "Bundle",
imageSrc: "https://pixabay.com/get/ga4506b661bc5f797734865432699cc80f82caf2fa6d178516ecb6ba370d8aa12c02b9300e0ae1bdb92d7d7839d0bfa36a8c33ab656057f26a1a5c31d4d887337_1280.jpg",
},
id: "p4", name: "Outdoor Explorer Pack", price: "$32.00", variant: "Bundle", imageSrc: "https://pixabay.com/get/ga4506b661bc5f797734865432699cc80f82caf2fa6d178516ecb6ba370d8aa12c02b9300e0ae1bdb92d7d7839d0bfa36a8c33ab656057f26a1a5c31d4d887337_1280.jpg"},
{
id: "p5",
name: "Travel-Size Trial Bar",
price: "$6.00",
variant: "Mini",
imageSrc: "https://pixabay.com/get/g0bd2d8befd61b8b44ae86a32d4a7ba2b1b0c31173f8a7dd3fc67c1627486f9d08feba3770011620a6f27db084fee5d9e9d53a2262023550f8b9c5ba7da63977f_1280.jpg",
},
id: "p5", name: "Travel-Size Trial Bar", price: "$6.00", variant: "Mini", imageSrc: "https://pixabay.com/get/g0bd2d8befd61b8b44ae86a32d4a7ba2b1b0c31173f8a7dd3fc67c1627486f9d08feba3770011620a6f27db084fee5d9e9d53a2262023550f8b9c5ba7da63977f_1280.jpg"},
{
id: "p6",
name: "Premium Soap Dish",
price: "$15.00",
variant: "Accessory",
imageSrc: "https://pixabay.com/get/gdfd0d649115baf5b18a2bc94b930173c3775c3134b7522fe3812a441892c466b6f5a9bac1f8ff0fe0be3c99c32563e56afcc83a9a0f97d0c0ce54788dfd5866b_1280.jpg",
},
id: "p6", name: "Premium Soap Dish", price: "$15.00", variant: "Accessory", imageSrc: "https://pixabay.com/get/gdfd0d649115baf5b18a2bc94b930173c3775c3134b7522fe3812a441892c466b6f5a9bac1f8ff0fe0be3c99c32563e56afcc83a9a0f97d0c0ce54788dfd5866b_1280.jpg"},
]}
title="Our Signature Soap Bars"
description="Hand-poured artisan soaps designed for your rugged lifestyle."
@@ -239,14 +155,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Backpacker Daily",
"Outdoor Living",
"Green Wellness",
"Healthy Trek",
"Eco Wanderer",
"The Nature Journal",
"Peak Performance",
]}
"Backpacker Daily", "Outdoor Living", "Green Wellness", "Healthy Trek", "Eco Wanderer", "The Nature Journal", "Peak Performance"]}
title="Trusted by Nature Lovers"
description="Featured in leading outdoor and wellness publications worldwide."
/>
@@ -258,45 +167,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Game Changer",
quote: "I spent a week in the deep woods and didn't have a single bite.",
name: "Alex R.",
role: "Hiker",
imageSrc: "https://pixabay.com/get/g6e6d7e314aae5773a2b4e8271f85a6b935eda10eb767154bbba65f9b6e013fd1817aa3b1032b8736f8c342e9ffe11af5ce244cc27df382f4199e8c6d136006e4_1280.jpg",
},
id: "t1", title: "Game Changer", quote: "I spent a week in the deep woods and didn't have a single bite.", name: "Alex R.", role: "Hiker", imageSrc: "https://pixabay.com/get/g6e6d7e314aae5773a2b4e8271f85a6b935eda10eb767154bbba65f9b6e013fd1817aa3b1032b8736f8c342e9ffe11af5ce244cc27df382f4199e8c6d136006e4_1280.jpg"},
{
id: "t2",
title: "Refreshing",
quote: "Finally, a repellent that doesn't smell like chemicals.",
name: "Sarah J.",
role: "Forest Ranger",
imageSrc: "https://pixabay.com/get/g2d66061c47bd6cd2bc53daed3eb509305f526ae700bdd114a9b00551777f364c6bf336468adba9428b5080369c76c94774f70293e6d7cf009a8395a4c7675dc2_1280.jpg",
},
id: "t2", title: "Refreshing", quote: "Finally, a repellent that doesn't smell like chemicals.", name: "Sarah J.", role: "Forest Ranger", imageSrc: "https://pixabay.com/get/g2d66061c47bd6cd2bc53daed3eb509305f526ae700bdd114a9b00551777f364c6bf336468adba9428b5080369c76c94774f70293e6d7cf009a8395a4c7675dc2_1280.jpg"},
{
id: "t3",
title: "Total Essential",
quote: "My camping kit isn't complete without this soap.",
name: "Mark D.",
role: "Camper",
imageSrc: "https://pixabay.com/get/g7f4f85ea40c2099f2906244a443bd3ef0764ce3a539068b3b5584c8afebd57b442cd8d58d70b78547e6876c4ade96ac7ec1a3873ef6f83bd0385a54d0bfd52a0_1280.jpg",
},
id: "t3", title: "Total Essential", quote: "My camping kit isn't complete without this soap.", name: "Mark D.", role: "Camper", imageSrc: "https://pixabay.com/get/g7f4f85ea40c2099f2906244a443bd3ef0764ce3a539068b3b5584c8afebd57b442cd8d58d70b78547e6876c4ade96ac7ec1a3873ef6f83bd0385a54d0bfd52a0_1280.jpg"},
{
id: "t4",
title: "Natural Magic",
quote: "I love that it is plant-based. No skin irritation.",
name: "Elena V.",
role: "Yoga Instructor",
imageSrc: "https://pixabay.com/get/ge6ef4885f71a144e20e7ee83af33e46377627fedc60d661c2fd68817f5e87d2810638962997124413594eb85ba843e9ab1ebb6d03e8335d223353c5cd4271c8c_1280.jpg",
},
id: "t4", title: "Natural Magic", quote: "I love that it is plant-based. No skin irritation.", name: "Elena V.", role: "Yoga Instructor", imageSrc: "https://pixabay.com/get/ge6ef4885f71a144e20e7ee83af33e46377627fedc60d661c2fd68817f5e87d2810638962997124413594eb85ba843e9ab1ebb6d03e8335d223353c5cd4271c8c_1280.jpg"},
{
id: "t5",
title: "The Best Scent",
quote: "Most insect soaps smell terrible. This one is premium.",
name: "Kevin L.",
role: "Climber",
imageSrc: "https://pixabay.com/get/g27c106327ce52466017be86a384685cce36755839f13705402946615a7377ab0a9e9bcbfd34f83fea89b02c095dd4ea9d2ec999233a0a77798a5824bb2d72a06_1280.jpg",
},
id: "t5", title: "The Best Scent", quote: "Most insect soaps smell terrible. This one is premium.", name: "Kevin L.", role: "Climber", imageSrc: "https://pixabay.com/get/g27c106327ce52466017be86a384685cce36755839f13705402946615a7377ab0a9e9bcbfd34f83fea89b02c095dd4ea9d2ec999233a0a77798a5824bb2d72a06_1280.jpg"},
]}
title="Real Results from the Field"
description="Don't take our word for it—listen to our outdoor community."
@@ -309,20 +188,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long does the repellent effect last?",
content: "The scent barrier typically lasts for several hours.",
},
id: "f1", title: "How long does the repellent effect last?", content: "The scent barrier typically lasts for several hours."},
{
id: "f2",
title: "Is it safe for pets?",
content: "Yes, our formula is crafted from non-toxic essential oils.",
},
id: "f2", title: "Is it safe for pets?", content: "Yes, our formula is crafted from non-toxic essential oils."},
{
id: "f3",
title: "What ingredients do you use?",
content: "Pure cedarwood, eucalyptus, lemongrass, shea butter, and olive oil.",
},
id: "f3", title: "What ingredients do you use?", content: "Pure cedarwood, eucalyptus, lemongrass, shea butter, and olive oil."},
]}
title="Frequently Asked Questions"
description="Everything you need to know about our natural protection."
@@ -334,8 +204,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Newsletter"
title="Join the Outdoor Revolution"
description="Sign up for our newsletter to get camping tips, exclusive drops, and updates."
@@ -348,13 +217,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="TerraShield"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
text: "Contact Us", href: "#contact"}}
/>
</div>
</ReactLenis>