diff --git a/src/app/account/order-tracking/page.tsx b/src/app/account/order-tracking/page.tsx new file mode 100644 index 0000000..51a1ae0 --- /dev/null +++ b/src/app/account/order-tracking/page.tsx @@ -0,0 +1,54 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; + +export default function OrderTrackingPage() { + return ( + + + +
+

Rastreamento de Pedidos

+

Aqui você pode ver o status dos seus pedidos.

+
+ + + ); +} diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx new file mode 100644 index 0000000..43a9d2b --- /dev/null +++ b/src/app/account/page.tsx @@ -0,0 +1,57 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import Link from "next/link"; + +export default function AccountPage() { + return ( + + + +
+

Minha Conta

+ + Ver Meus Pedidos + +
+ + + ); +} diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx new file mode 100644 index 0000000..d3f6a66 --- /dev/null +++ b/src/app/cart/page.tsx @@ -0,0 +1,53 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; + +export default function CartPage() { + return ( + + + +
+

Seu Carrinho de Compras

+
+ + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index f17a7e9..420c5bb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,9 +33,13 @@ export default function LandingPage() { { name: "Início", id: "#hero"}, { - name: "Sobre", id: "#sobre"}, + name: "Shop", id: "/shop"}, { - name: "Sabores", id: "#sabores"}, + name: "Carrinho", id: "/cart"}, + { + name: "Conta", id: "/account"}, + { + name: "Sobre", id: "#sobre"}, { name: "FAQ", id: "#faq"}, { @@ -211,9 +215,11 @@ export default function LandingPage() { { label: "Início", href: "#hero"}, { - label: "Sobre", href: "#sobre"}, + label: "Shop", href: "/shop"}, { - label: "Sabores", href: "#sabores"}, + label: "Carrinho", href: "/cart"}, + { + label: "Conta", href: "/account"}, ], }, { @@ -241,4 +247,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +} diff --git a/src/app/shop/[productId]/page.tsx b/src/app/shop/[productId]/page.tsx new file mode 100644 index 0000000..85807eb --- /dev/null +++ b/src/app/shop/[productId]/page.tsx @@ -0,0 +1,186 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import React from "react"; +import ReactLenis from "lenis/react"; +import { useParams } from 'next/navigation'; +import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard'; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; + +const allProducts = [ + { id: "soda-cola", name: "Classic Cola", price: "$2.99", variant: "Soda", category: "Soda", imageSrc: "https://images.unsplash.com/photo-1596707328646-7c014798e217?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHNlYXJjaHwxfHxjb2xhJTIwYm90dGxlfGVufDB8fHx8MTcwMzgzMDU4MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Classic Cola bottle", description: "A timeless classic cola, perfectly carbonated for a refreshing experience." }, + { id: "soda-orange", name: "Orange Fizz", price: "$2.99", variant: "Soda", category: "Soda", imageSrc: "https://images.unsplash.com/photo-1587884841777-a72120e2e96d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHxvcmFuZ2UlMjBzb2RhJTIwYm90dGxlfGVufDB8fHx8MTcwMzgzMDU4MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Orange Fizz soda bottle", description: "Bright and bubbly orange soda with a zesty, sweet flavor that invigorates." }, + { id: "juice-apple", name: "Apple Bliss Juice", price: "$3.49", variant: "Juice", category: "Juice", imageSrc: "https://images.unsplash.com/photo-1579603562638-51786576d1a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHNlYXJjaHwxfHhhcHBsZSUyMGp1aWNlfGVufDB8fHx8MTcwMzgzMDU4Mnww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Apple juice bottle", description: "Pure, crisp apple juice, a delightful and healthy choice for any time of day." }, + { id: "juice-grape", name: "Grape Delight Juice", price: "$3.49", variant: "Juice", category: "Juice", imageSrc: "https://images.unsplash.com/photo-1595180632512-dfa6ee7ee5e5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHxncmFwZSUyMGp1aWNlfGVufDB8fHx8MTcwMzgzMDU4Mnww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Grape juice bottle", description: "Sweet and tangy grape juice, made from the finest grapes for a rich taste." }, + { id: "water-sparkling", name: "Sparkling Water", price: "$1.99", variant: "Water", category: "Water", imageSrc: "https://images.unsplash.com/photo-1558230283-a9a3f295b9b7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHxzcGFya2xpbmclMjB3YXRlcnxlbnwwfHx8fDE3MDM4MzA1ODJ8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Sparkling water bottle", description: "Crisp and effervescent sparkling water, a refreshing alternative to still water." }, + { id: "water-still", name: "Still Water", price: "$1.49", variant: "Water", category: "Water", imageSrc: "https://images.unsplash.com/photo-1582234057697-3932207b9a52?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHxzdGlsbCUyMHdhdGVyJTIwYm90dGxlfGVufDB8fHx8MTcwMzgzMDU4M3ww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Still water bottle", description: "Pure, natural still water, essential for hydration and everyday refreshment." }, + { id: "tea-iced", name: "Iced Tea Peach", price: "$2.49", variant: "Tea", category: "Tea", imageSrc: "https://images.unsplash.com/photo-1596806509424-df3c513e9619?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHxpY2VkJTIwdGVhJTIwcGVhY2h8ZW58MHx8fHwxNzAzODM2OTQ2fDA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Iced tea bottle", description: "Chilled peach-flavored iced tea, sweet and soothing for a hot day." }, + { id: "tea-green", name: "Green Tea Lemon", price: "$2.49", variant: "Tea", category: "Tea", imageSrc: "https://images.unsplash.com/photo-1622329249767-f311c6d860d2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTUyMjl8MHwxfHxncmVlbiUyMHRlYSUyMGxlbW9ufGVufDB8fHx8MTcwMzgzNjk0N3ww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Green tea bottle", description: "Refreshing green tea with a hint of lemon, perfect for a gentle lift." } +]; + +export default function ProductDetailPage() { + const params = useParams(); + const { productId } = params; + + const product = allProducts.find(p => p.id === productId); + + if (!product) { + return ( + + + +
+

Produto não encontrado.

+

Por favor, retorne à loja.

+
+ + + + ); + } + + return ( + + + + +
+ console.log(`Selected size: ${value}`), + }, + ]} + quantity={{ + label: "Quantity", options: ["1", "2", "3", "4", "5"], + selected: "1", onChange: (value) => console.log(`Selected quantity: ${value}`), + }} + buttons={[ + { text: "Add to Cart", onClick: () => console.log(`${product.name} added to cart`) }, + { text: "Buy Now", href: "#" }, + ]} + /> +
+ + + + + ); +} diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx new file mode 100644 index 0000000..5c20ff3 --- /dev/null +++ b/src/app/shop/page.tsx @@ -0,0 +1,53 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; + +export default function ShopPage() { + return ( + + + +
+

Nossa Loja

+
+ + + ); +}