Update src/app/shop/page.tsx
This commit is contained in:
@@ -6,6 +6,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ShopPage() {
|
||||
const {
|
||||
@@ -24,25 +25,26 @@ export default function ShopPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => console.log("cart")}}
|
||||
button={{ text: "Cart", onClick: () => console.log("cart") }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -54,9 +56,9 @@ export default function ShopPage() {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
@@ -74,25 +76,26 @@ export default function ShopPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => console.log("cart")}}
|
||||
button={{ text: "Cart", onClick: () => console.log("cart") }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,9 +115,9 @@ export default function ShopPage() {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user