Add src/app/pricing/page.tsx
This commit is contained in:
43
src/app/pricing/page.tsx
Normal file
43
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||||
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
|
|
||||||
|
export default function PricingPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider>
|
||||||
|
<ReactLenis root>
|
||||||
|
<NavbarStyleApple
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "About", id: "/about" },
|
||||||
|
{ name: "Pricing", id: "/pricing" },
|
||||||
|
{ name: "FAQ", id: "/faq" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
]}
|
||||||
|
brandName="SMILETABS"
|
||||||
|
/>
|
||||||
|
<PricingCardThree
|
||||||
|
title="Choose Your Plan"
|
||||||
|
description="Affordable, sustainable, and simple subscriptions."
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="slide-up"
|
||||||
|
plans={[
|
||||||
|
{ id: "basic", name: "Basic", price: "Rs 2000", buttons: [{ text: "Select" }], features: ["1 Month Supply", "Plastic Free"] },
|
||||||
|
{ id: "pro", name: "Pro", price: "Rs 5000", buttons: [{ text: "Select" }], features: ["3 Month Supply", "Priority Shipping", "Eco-Friendly Bonus"] },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<FooterBase
|
||||||
|
columns={[
|
||||||
|
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }] },
|
||||||
|
{ title: "Support", items: [{ label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
|
||||||
|
]}
|
||||||
|
logoText="SMILETABS"
|
||||||
|
/>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user