Update src/app/page.tsx
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
@@ -29,14 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Mission", id: "/mission"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Mission", id: "/mission" },
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="SMILETABS"
|
||||
/>
|
||||
@@ -44,8 +41,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Clean Teeth. Clean Planet."
|
||||
description="A small tab, a big change. Experience the future of sustainable oral care with our premium natural formula."
|
||||
avatars={[
|
||||
@@ -75,7 +71,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose SmileTabs?"
|
||||
description={[
|
||||
"Conventional toothpaste tubes contribute to millions of tons of plastic waste annually. We created a better path.", "Our formula is 100% plastic-free, cruelty-free, and travel-ready."]}
|
||||
"Conventional toothpaste tubes contribute to millions of tons of plastic waste annually. We created a better path.", "Our formula is 100% plastic-free, cruelty-free, and travel-ready."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,15 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plastic-Free", description: "No more tubes.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Cruelty-Free", description: "Vegan friendly.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Travel Safe", description: "TSA approved.", bentoComponent: "reveal-icon", icon: Globe,
|
||||
},
|
||||
{ title: "Plastic-Free", description: "No more tubes.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Cruelty-Free", description: "Vegan friendly.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Travel Safe", description: "TSA approved.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
]}
|
||||
title="Nature-Inspired Innovation"
|
||||
description="Sustainable performance in every single tab."
|
||||
@@ -107,18 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Mint Signature", price: "Rs 4000", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/eco-products-arrangement-high-angle_23-2149413874.jpg"},
|
||||
{
|
||||
id: "2", name: "Strawberry Sweet", price: "Rs 4500", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/antique-silver-scissors-wrapped-present-with-leaves-tag-green-background_23-2147924471.jpg"},
|
||||
{
|
||||
id: "3", name: "Zesty Orange", price: "Rs 4500", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/decorative-present-boxes-white-background_181624-23440.jpg"},
|
||||
{
|
||||
id: "4", name: "Crisp Apple", price: "Rs 4500", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-products-assortment_23-2149413884.jpg"},
|
||||
{
|
||||
id: "5", name: "Bamboo Brush", price: "Rs 500", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418566.jpg"},
|
||||
{
|
||||
id: "6", name: "Travel Case", price: "Rs 800", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-decoration-with-boxes-nuts_23-2148325650.jpg"},
|
||||
{ id: "1", name: "Mint Signature", price: "Rs 4000", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/eco-products-arrangement-high-angle_23-2149413874.jpg" },
|
||||
{ id: "2", name: "Strawberry Sweet", price: "Rs 4500", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/antique-silver-scissors-wrapped-present-with-leaves-tag-green-background_23-2147924471.jpg" },
|
||||
{ id: "3", name: "Zesty Orange", price: "Rs 4500", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/decorative-present-boxes-white-background_181624-23440.jpg" },
|
||||
{ id: "4", name: "Crisp Apple", price: "Rs 4500", variant: "Tabs", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-products-assortment_23-2149413884.jpg" },
|
||||
{ id: "5", name: "Bamboo Brush", price: "Rs 500", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418566.jpg" },
|
||||
{ id: "6", name: "Travel Case", price: "Rs 800", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-decoration-with-boxes-nuts_23-2148325650.jpg" },
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Premium toothpaste tabs for every lifestyle."
|
||||
@@ -131,21 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best switch I've made this year!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", handle: "@markd", testimonial: "Convenient, tasty, and eco-friendly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-speech-bubble-presenting-against-white-background_23-2147890190.jpg"},
|
||||
{
|
||||
id: "3", name: "Ayesha K.", handle: "@ayeshak", testimonial: "My teeth feel cleaner than ever.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg"},
|
||||
{
|
||||
id: "4", name: "Liam T.", handle: "@liamt", testimonial: "Finally a plastic-free toothpaste that works.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-red-background-high-quality-photo_114579-60919.jpg"},
|
||||
{
|
||||
id: "5", name: "Emma R.", handle: "@emmar", testimonial: "Amazing product, highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-photographer-taking-pictures-with-compact-camera-grey-background_613910-9350.jpg"},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best switch I've made this year!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Convenient, tasty, and eco-friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-speech-bubble-presenting-against-white-background_23-2147890190.jpg" },
|
||||
{ id: "3", name: "Ayesha K.", handle: "@ayeshak", testimonial: "My teeth feel cleaner than ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg" },
|
||||
{ id: "4", name: "Liam T.", handle: "@liamt", testimonial: "Finally a plastic-free toothpaste that works.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-red-background-high-quality-photo_114579-60919.jpg" },
|
||||
{ id: "5", name: "Emma R.", handle: "@emmar", testimonial: "Amazing product, highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-photographer-taking-pictures-with-compact-camera-grey-background_613910-9350.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by the Community"
|
||||
@@ -154,25 +129,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "/shop" },
|
||||
{ label: "New Arrivals", href: "/shop" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoEmphasis
|
||||
logoText="SMILETABS"
|
||||
columns={[
|
||||
{ items: [{ label: "All Products", href: "/shop" }, { label: "New Arrivals", href: "/shop" }] },
|
||||
{ items: [{ label: "Dashboard", href: "/dashboard" }, { label: "My Account", href: "/account" }] },
|
||||
{ items: [{ label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user