Update src/app/product-care/page.tsx

This commit is contained in:
2026-05-27 21:12:09 +00:00
parent 037eaac791
commit 9daf9cf37c

View File

@@ -2,207 +2,145 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
export default function LandingPage() {
const navItems = [
{
name: "Shop", id: "/shop"
},
{
name: "Our Story", id: "/our-story"
},
{
name: "Artistry & Impact", id: "/artistry-impact"
},
{
name: "Journal", id: "/journal"
},
{
name: "Trade", id: "/trade"
},
{
name: "Contact", id: "/contact"
},
{
name: "Product Care", id: "/product-care"
},
{
name: "FAQ", id: "/faq"
}
];
const pageSections = [
{
id: "product-care-faq", Component: FaqSplitMedia,
props: {
textboxLayout: "default" as const,
useInvertedBackground: false,
faqs: [
{ id: "care-1", title: "Caring for Your Linens", content: "To maintain the beauty and longevity of your Mivaara linens, machine wash on a gentle cycle with mild detergent in cold water. Tumble dry on low or hang to dry. Iron on a low setting if desired." },
{ id: "care-2", title: "Stoneware & Ceramic Care", content: "Mivaara stoneware and ceramics are dishwasher safe, but hand washing is recommended to preserve their unique glazes and finishes. Avoid abrasive cleaners. Not safe for direct flame or stovetop use." },
{ id: "care-3", title: "Wood & Natural Material Care", content: "For wood and other natural material pieces, wipe clean with a soft, damp cloth. Do not soak. Apply a food-safe wood conditioner periodically to maintain luster and prevent drying." },
{ id: "care-4", title: "General Product Maintenance", content: "For all Mivaara pieces, avoid harsh chemicals or abrasive sponges. Store carefully to prevent chipping or damage. Handle with love to ensure they become cherished heirlooms." }
],
imageSrc: "http://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961348.jpg", imageAlt: "A collection of self-care products, symbolizing thoughtful care.", mediaPosition: "left", title: "Product Care & Longevity", description: "Mivaara pieces are crafted to last. Follow our detailed care guides to ensure your cherished items retain their beauty and become enduring heirlooms.", faqsAnimation: "slide-up" as const
}
}
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Shop",
id: "/shop",
},
{
name: "Our Story",
id: "/our-story",
},
{
name: "Artistry & Impact",
id: "/artistry-impact",
},
{
name: "Journal",
id: "/journal",
},
{
name: "Trade",
id: "/trade",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Mivaara"
/>
</div>
<div id="product-care-intro" data-section="product-care-intro">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
title="Caring for Your Mivaara Pieces"
description="At Mivaara, we believe in enduring beauty. With proper care, your cherished dining and home pieces will continue to bring joy and elegance to countless gatherings for years to come."
bulletPoints={[
{
title: "Gentle Handling",
description: "Always handle your Mivaara items with care, especially delicate ceramics and embroidered linens.",
},
{
title: "Natural Products",
description: "We recommend using mild, pH-neutral cleaners and avoiding harsh chemicals that can damage materials.",
},
{
title: "Storage Solutions",
description: "Store items in a cool, dry place away from direct sunlight to preserve their color and integrity.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/ceramic-bowl-linen-cloth_23-2152009898.jpg"
imageAlt="Ceramic bowl on linen cloth"
/>
</div>
<div id="detailed-care" data-section="detailed-care">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Linen Tablecloths & Napkins",
description: "Machine wash cold on a gentle cycle with mild detergent. Tumble dry low or air dry for best results. Iron on a low setting while slightly damp.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dining-table-setting-with-candles-decorations_23-2152009915.jpg?_wi=2",
imageAlt: "Luxury linen tablecloth neutral color",
},
{
title: "Stoneware & Ceramic Plates",
description: "Hand wash with warm soapy water and a soft sponge. Avoid abrasive cleaners. While durable, sudden temperature changes can cause cracking.",
imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-85556.jpg?_wi=2",
imageAlt: "Handmade stoneware plate rustic modern",
},
{
title: "Wooden Serving Boards",
description: "Hand wash with warm water and mild soap, then towel dry immediately. Do not soak. Periodically re-oil with food-safe mineral oil to prevent drying.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-high-angle-shot-rural-table-with-couple-small-pumpkins-straw-plate_181624-4331.jpg",
imageAlt: "Rustic wooden board with pumpkins",
},
]}
title="Detailed Care Instructions"
description="To preserve the unique craftsmanship and delicate beauty of your Mivaara items, please follow these guidelines specific to each material."
/>
</div>
<div id="product-care-faqs" data-section="product-care-faqs">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Can I put Mivaara ceramics in the dishwasher?",
content: "While some Mivaara ceramic pieces are dishwasher safe, we recommend hand washing with mild soap and water to best preserve their artisan finish and unique glazes.",
},
{
id: "2",
title: "How do I remove stubborn stains from linen?",
content: "For stubborn stains on linen, pre-treat with a natural stain remover or a mixture of baking soda and vinegar before washing. Avoid harsh bleaches, which can damage fibers.",
},
{
id: "3",
title: "Is it safe to microwave Mivaara stoneware?",
content: "Most Mivaara stoneware is microwave safe, but always check the product description for specific guidelines. Extreme temperature changes can stress ceramic materials.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232228.jpg"
imageAlt="Skin regeneration product still life with care items"
mediaPosition="left"
title="Product Care FAQs"
description="Find answers to frequently asked questions about maintaining the beauty and longevity of your Mivaara collection."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop",
items: [
{
label: "Tablecloths",
href: "/shop/tablecloths",
},
{
label: "Ceramics",
href: "/shop/ceramics",
},
{
label: "Accessories",
href: "/shop/accessories",
},
],
},
{
title: "About",
items: [
{
label: "Our Story",
href: "/about",
},
{
label: "Craftsmanship",
href: "/craftsmanship",
},
{
label: "Journal",
href: "/journal",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Shipping & Returns",
href: "/shipping-returns",
},
{
label: "Product Care",
href: "/product-care",
},
{
label: "FAQs",
href: "/faqs",
},
],
},
]}
logoText="Mivaara"
copyrightText="© 2025 Mivaara. All rights reserved."
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={navItems}
brandName="Mivaara"
/>
</div>
{pageSections.map((section) => (
<div key={section.id} id={section.id} data-section={section.id}>
<section.Component {...section.props} />
</div>
))}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Mivaara"
columns={[
{
title: "Shop", items: [
{
label: "All Collections", href: "/shop"
},
{
label: "Table Linens", href: "/shop#table-linens"
},
{
label: "Ceramics & Stoneware", href: "/shop#ceramics"
},
{
label: "Dining Accessories", href: "/shop#accessories"
},
{
label: "Gift Sets", href: "/shop#gift-sets"
}
]
},
{
title: "Mivaara", items: [
{
label: "Our Story", href: "/our-story"
},
{
label: "Artistry & Impact", href: "/artistry-impact"
},
{
label: "Journal", href: "/journal"
},
{
label: "Trade / Hospitality", href: "/trade"
},
{
label: "Contact Us", href: "/contact"
}
]
},
{
title: "Support", items: [
{
label: "FAQ", href: "/faq"
},
{
label: "Shipping & Returns", href: "/shipping-returns"
},
{
label: "Product Care", href: "/product-care"
},
{
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service", href: "#"
}
]
}
]}
copyrightText="© 2024 Mivaara. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);