Merge version_1 into main #1
122
src/app/page.tsx
122
src/app/page.tsx
@@ -29,42 +29,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Care Guide",
|
||||
id: "about",
|
||||
},
|
||||
name: "Care Guide", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MantisPet Shop"
|
||||
button={{
|
||||
text: "Shop Now", href: "#shop"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Discover Your Perfect Mantis"
|
||||
description="Exotic, healthy, and hand-raised praying mantis pets ready for their new homes. Explore our collection of unique species."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shallow-focus-mediterranean-brown-praying-mantis_181624-55716.jpg"
|
||||
imageAlt="Macro portrait of a beautiful green praying mantis"
|
||||
@@ -80,17 +70,11 @@ export default function LandingPage() {
|
||||
description="Praying mantids are incredibly fascinating, low-maintenance pets that display unique behaviors and beautiful camouflage. We take pride in raising healthy, well-socialized mantids for hobbyists of all levels."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Hand-raised",
|
||||
description: "Every mantis is cared for individually to ensure health.",
|
||||
},
|
||||
title: "Hand-raised", description: "Every mantis is cared for individually to ensure health."},
|
||||
{
|
||||
title: "Unique Species",
|
||||
description: "From Orchid to Ghost mantids, we offer variety.",
|
||||
},
|
||||
title: "Unique Species", description: "From Orchid to Ghost mantids, we offer variety."},
|
||||
{
|
||||
title: "Beginner Friendly",
|
||||
description: "Guidance provided for every first-time owner.",
|
||||
},
|
||||
title: "Beginner Friendly", description: "Guidance provided for every first-time owner."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/banded-flower-mantis-branch-insect-closeup-banded-flower-mantis-isolated-black-background_488145-2543.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -105,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Orchid Mantis",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-shield-mantis-closeup-with-self-defense-position-white-background_488145-956.jpg",
|
||||
},
|
||||
id: "p1", name: "Orchid Mantis", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/giant-shield-mantis-closeup-with-self-defense-position-white-background_488145-956.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Giant Asian Mantis",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banded-flower-mantis-red-flower-insect-closeup_488145-2056.jpg",
|
||||
},
|
||||
id: "p2", name: "Giant Asian Mantis", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/banded-flower-mantis-red-flower-insect-closeup_488145-2056.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spiny Flower Mantis",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banded-flower-mantis-red-flower-insect-closeup_488145-2873.jpg",
|
||||
},
|
||||
id: "p3", name: "Spiny Flower Mantis", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/banded-flower-mantis-red-flower-insect-closeup_488145-2873.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ghost Mantis",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-eastern-lubber-grasshopper-tree_181624-25815.jpg",
|
||||
},
|
||||
id: "p4", name: "Ghost Mantis", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-eastern-lubber-grasshopper-tree_181624-25815.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Shield Mantis",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grasshopper-closeup-green-leaves-grasshopper-closeup-with-black-background_488145-3099.jpg",
|
||||
},
|
||||
id: "p5", name: "Shield Mantis", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/grasshopper-closeup-green-leaves-grasshopper-closeup-with-black-background_488145-3099.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dead Leaf Mantis",
|
||||
price: "$42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banded-flower-mantis-branch-insect-closeup-banded-flower-mantis-isolated-black-background_488145-2567.jpg",
|
||||
},
|
||||
id: "p6", name: "Dead Leaf Mantis", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/banded-flower-mantis-branch-insect-closeup-banded-flower-mantis-isolated-black-background_488145-2567.jpg"},
|
||||
]}
|
||||
title="Available Mantids"
|
||||
description="Explore our current collection of healthy praying mantis pets."
|
||||
@@ -152,20 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do they bite?",
|
||||
content: "Mantids are generally very gentle and rarely bite. They are fascinating to watch.",
|
||||
},
|
||||
id: "f1", title: "Do they bite?", content: "Mantids are generally very gentle and rarely bite. They are fascinating to watch."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What do they eat?",
|
||||
content: "Most species eat live insects like fruit flies, crickets, or dubia roaches.",
|
||||
},
|
||||
id: "f2", title: "What do they eat?", content: "Most species eat live insects like fruit flies, crickets, or dubia roaches."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long do they live?",
|
||||
content: "Most species live between 6 to 12 months, depending on the species and care.",
|
||||
},
|
||||
id: "f3", title: "How long do they live?", content: "Most species live between 6 to 12 months, depending on the species and care."},
|
||||
]}
|
||||
title="Mantis Care Basics"
|
||||
description="Have questions about keeping your new pet? Find answers here."
|
||||
@@ -177,14 +128,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to bring home your new companion? Contact our experts for availability or care support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@mantispet.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@mantispet.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -193,29 +141,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Mantids",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "All Mantids", href: "#shop"},
|
||||
{
|
||||
label: "Care Guide",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Care Guide", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user