Merge version_3 into main #4
@@ -30,7 +30,8 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="KC Donuts"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
@@ -94,6 +95,9 @@ export default function LandingPage() {
|
||||
id: "3", name: "Rainbow Sprinkle", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-donuts-topped-with-large-amount-icing-topping_1150-19732.jpg", imageAlt: "Colorful rainbow sprinkle donut"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View All Products", href: "/products" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
78
src/app/products/page.tsx
Normal file
78
src/app/products/page.tsx
Normal file
@@ -0,0 +1,78 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Star } from 'lucide-react';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="KC Donuts"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Our Complete Menu"
|
||||
description="Explore our full selection of handcrafted donuts, each made fresh daily with premium ingredients"
|
||||
tag="All Products"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Classic Glazed", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-bun_1252-891.jpg", imageAlt: "Classic glazed donut"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Chocolate Frosted", price: "$4.49", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface_114579-16025.jpg", imageAlt: "Chocolate frosted donut with sprinkles"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Rainbow Sprinkle", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-donuts-topped-with-large-amount-icing-topping_1150-19732.jpg", imageAlt: "Colorful rainbow sprinkle donut"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Maple Bacon", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-bun_1252-891.jpg", imageAlt: "Maple bacon donut"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Back to Home", href: "/" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="KC Donuts"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user