Merge version_1 into main #2
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function FindStorePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -22,90 +21,20 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "/support",
|
||||
},
|
||||
{
|
||||
name: "Find a Store",
|
||||
id: "/find-store",
|
||||
},
|
||||
]}
|
||||
brandName="InSinkErator"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Locate a Store"
|
||||
description="Find an official InSinkErator dealer near you."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-kitchen-making-dough_23-2148006257.jpg",
|
||||
alt: "Store",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Support"
|
||||
title="Retailer Inquiry"
|
||||
description="Contact us to become an official partner."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940971.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="InSinkErator"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Installation Guides",
|
||||
href: "/support",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/support",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Where to Buy",
|
||||
items: [
|
||||
{
|
||||
label: "Find a Retailer",
|
||||
href: "/find-store",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Support", id: "/support" }, { name: "Find a Store", id: "/find-store" }]}
|
||||
brandName="InSinkErator"
|
||||
button={{ text: "Get Started", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered title="Locate a Store" description="Find an official InSinkErator dealer near you." background={{ variant: "plain" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal logoText="InSinkErator" columns={[{ title: "Support", items: [{ label: "Installation Guides", href: "/support" }, { label: "FAQs", href: "/support" }] }, { title: "Where to Buy", items: [{ label: "Find a Retailer", href: "/find-store" }] }]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
251
src/app/page.tsx
251
src/app/page.tsx
@@ -25,186 +25,89 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "/support",
|
||||
},
|
||||
{
|
||||
name: "Find a Store",
|
||||
id: "/find-store",
|
||||
},
|
||||
]}
|
||||
brandName="InSinkErator"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Support", id: "/support" }, { name: "Find a Store", id: "/find-store" }]}
|
||||
brandName="InSinkErator"
|
||||
button={{ text: "Get Started", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Efficiency in Your Kitchen"
|
||||
description="Discover the power of InSinkErator disposers and hot water systems. Designed for sustainability, performance, and peace of mind."
|
||||
tag="Trusted for Generations"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2150771941.jpg",
|
||||
imageAlt: "Modern kitchen sink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940971.jpg?_wi=1",
|
||||
imageAlt: "Disposer mechanism",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-making-dough_23-2148006257.jpg?_wi=1",
|
||||
imageAlt: "Hot water tap",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heap-beet-micro-greens-table_1157-35993.jpg?_wi=1",
|
||||
imageAlt: "Sustainable kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-juice-machine_1203-7837.jpg?_wi=1",
|
||||
imageAlt: "Evolution 200",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by homeowners worldwide"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Efficiency in Your Kitchen"
|
||||
description="Discover the power of InSinkErator disposers and hot water systems. Designed for sustainability, performance, and peace of mind."
|
||||
tag="Trusted for Generations"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2150771941.jpg", imageAlt: "Modern kitchen sink" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940971.jpg", imageAlt: "Disposer mechanism" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by homeowners worldwide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-list" data-section="features-list">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Quiet Technology",
|
||||
description: "Grind waste with minimal noise, ensuring a serene kitchen experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940971.jpg?_wi=2",
|
||||
titleIconSrc: "Zap",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Instant Hot Water",
|
||||
description: "Fresh, near-boiling water instantly available for cooking and cleaning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-making-dough_23-2148006257.jpg?_wi=2",
|
||||
titleIconSrc: "Coffee",
|
||||
buttonText: "Discover Systems",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Living",
|
||||
description: "Reduce food waste sent to landfills and help the planet breathe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heap-beet-micro-greens-table_1157-35993.jpg?_wi=2",
|
||||
titleIconSrc: "Leaf",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
]}
|
||||
title="Why InSinkErator?"
|
||||
description="Our systems are built for long-lasting reliability and superior environmental impact."
|
||||
/>
|
||||
</div>
|
||||
<div id="features-list" data-section="features-list">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Quiet Technology", description: "Grind waste with minimal noise, ensuring a serene kitchen experience.", imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940971.jpg", titleIconSrc: "Zap", buttonText: "Learn More" },
|
||||
{ title: "Instant Hot Water", description: "Fresh, near-boiling water instantly available for cooking and cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-making-dough_23-2148006257.jpg", titleIconSrc: "Coffee", buttonText: "Discover Systems" },
|
||||
{ title: "Sustainable Living", description: "Reduce food waste sent to landfills and help the planet breathe.", imageSrc: "http://img.b2bpic.net/free-photo/heap-beet-micro-greens-table_1157-35993.jpg", titleIconSrc: "Leaf", buttonText: "Learn More" }
|
||||
]}
|
||||
title="Why InSinkErator?"
|
||||
description="Our systems are built for long-lasting reliability and superior environmental impact."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Professionals"
|
||||
description="Leading architects and interior designers rely on our systems for modern homes."
|
||||
names={[
|
||||
"Kitchen Design Weekly",
|
||||
"EcoBuild Standards",
|
||||
"Modern Living Mag",
|
||||
"Home Efficiency Pros",
|
||||
"Architectural Digest",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Professionals"
|
||||
description="Leading architects and interior designers rely on our systems for modern homes."
|
||||
names={["Kitchen Design Weekly", "EcoBuild Standards", "Modern Living Mag", "Home Efficiency Pros", "Architectural Digest"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Global Impact"
|
||||
description="Quantifying our contribution to a cleaner, more efficient kitchen environment."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Disposers Installed",
|
||||
description: "Worldwide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-juice-machine_1203-7837.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
title: "Waste Reduction",
|
||||
description: "Average household",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heap-beet-micro-greens-table_1157-35993.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Global Impact"
|
||||
description="Quantifying our contribution to a cleaner, more efficient kitchen environment."
|
||||
metrics={[
|
||||
{ id: "m1", value: "1.2M", title: "Disposers Installed", description: "Worldwide", imageSrc: "http://img.b2bpic.net/free-photo/blender-juice-machine_1203-7837.jpg" },
|
||||
{ id: "m2", value: "45%", title: "Waste Reduction", description: "Average household", imageSrc: "http://img.b2bpic.net/free-photo/heap-beet-micro-greens-table_1157-35993.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Keep Up to Date"
|
||||
title="Join the Newsletter"
|
||||
description="Get exclusive tips, maintenance advice, and product news directly to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-kitchen-making-dough_23-2148006257.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Keep Up to Date"
|
||||
title="Join the Newsletter"
|
||||
description="Get exclusive tips, maintenance advice, and product news directly to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-kitchen-making-dough_23-2148006257.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="InSinkErator"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Installation Guides",
|
||||
href: "/support",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/support",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Where to Buy",
|
||||
items: [
|
||||
{
|
||||
label: "Find a Retailer",
|
||||
href: "/find-store",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="InSinkErator"
|
||||
columns={[{ title: "Support", items: [{ label: "Installation Guides", href: "/support" }, { label: "FAQs", href: "/support" }] }, { title: "Where to Buy", items: [{ label: "Find a Retailer", href: "/find-store" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -22,140 +22,20 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "/support",
|
||||
},
|
||||
{
|
||||
name: "Find a Store",
|
||||
id: "/find-store",
|
||||
},
|
||||
]}
|
||||
brandName="InSinkErator"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-list" data-section="product-list">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Evolution 200",
|
||||
price: "$349",
|
||||
variant: "Food Waste Disposer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-juice-machine_1203-7837.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Evolution 150",
|
||||
price: "$299",
|
||||
variant: "Food Waste Disposer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-compost-made-rotten-food-with-copy-space_23-2149073761.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Evolution 100",
|
||||
price: "$249",
|
||||
variant: "Food Waste Disposer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-waste-concept_23-2148688593.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "HC3300 Dispenser",
|
||||
price: "$459",
|
||||
variant: "Hot Water System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970223.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "HC1100 Dispenser",
|
||||
price: "$399",
|
||||
variant: "Hot Water System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-retro-electronic-blender-device_23-2151002832.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "NeoTank System",
|
||||
price: "$199",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio-with-workers_23-2148970219.jpg",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Products"
|
||||
description="From high-capacity food waste disposers to instant hot water dispensers, find what fits your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Collections"
|
||||
description="Our most popular systems for 2024."
|
||||
products={[
|
||||
{
|
||||
id: "f1",
|
||||
name: "Premium Bundle",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blender-juice-machine_1203-7837.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
name: "Basic Starter",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-waste-concept_23-2148688593.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="InSinkErator"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Installation Guides",
|
||||
href: "/support",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/support",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Where to Buy",
|
||||
items: [
|
||||
{
|
||||
label: "Find a Retailer",
|
||||
href: "/find-store",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Support", id: "/support" }, { name: "Find a Store", id: "/find-store" }]}
|
||||
brandName="InSinkErator"
|
||||
button={{ text: "Get Started", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-list" data-section="product-list">
|
||||
<ProductCardFour animationType="slide-up" textboxLayout="split" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Explore Our Products" description="From high-capacity food waste disposers to instant hot water dispensers, find what fits your needs." />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal logoText="InSinkErator" columns={[{ title: "Support", items: [{ label: "Installation Guides", href: "/support" }, { label: "FAQs", href: "/support" }] }, { title: "Where to Buy", items: [{ label: "Find a Retailer", href: "/find-store" }] }]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,7 @@ import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwe
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function SupportPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -22,113 +22,20 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "/support",
|
||||
},
|
||||
{
|
||||
name: "Find a Store",
|
||||
id: "/find-store",
|
||||
},
|
||||
]}
|
||||
brandName="InSinkErator"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I install my disposer?",
|
||||
content: "Our step-by-step guides make installation simple for most DIY-savvy homeowners.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What should not go in the disposer?",
|
||||
content: "Avoid large bones, fibrous vegetables, and non-food items.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How often should I maintain the unit?",
|
||||
content: "Regular cleaning with ice cubes helps keep the blades sharp and clear.",
|
||||
},
|
||||
]}
|
||||
title="Help & Support"
|
||||
description="Common answers for installation, maintenance, and troubleshooting."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Guides & Manuals"
|
||||
description="Everything you need to get the most out of your system."
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Setup",
|
||||
subtitle: "Manuals",
|
||||
category: "DIY",
|
||||
value: "PDF",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Care",
|
||||
subtitle: "Tips",
|
||||
category: "Maintenance",
|
||||
value: "Videos",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="InSinkErator"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Installation Guides",
|
||||
href: "/support",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/support",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Where to Buy",
|
||||
items: [
|
||||
{
|
||||
label: "Find a Retailer",
|
||||
href: "/find-store",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Support", id: "/support" }, { name: "Find a Store", id: "/find-store" }]}
|
||||
brandName="InSinkErator"
|
||||
button={{ text: "Get Started", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase textboxLayout="split" useInvertedBackground={false} title="Help & Support" description="Common answers for installation, maintenance, and troubleshooting." faqsAnimation="slide-up" faqs={[]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal logoText="InSinkErator" columns={[{ title: "Support", items: [{ label: "Installation Guides", href: "/support" }, { label: "FAQs", href: "/support" }] }, { title: "Where to Buy", items: [{ label: "Find a Retailer", href: "/find-store" }] }]} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user