Compare commits
29 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8ed4cac06e | |||
| 13789ce75b | |||
| e0e93e5916 | |||
| 0f547da14b | |||
| b73c5eca2c | |||
| 3be89ac3ff | |||
| c510f3949f | |||
| 5aafc4ceba | |||
| 8e197e6d50 | |||
| 00c7788154 | |||
| dac1bd6052 | |||
| c19b4522a9 | |||
| 4355703ba8 | |||
| 69a42ff8d7 | |||
| 1cccf78e41 | |||
| 582a6b6af0 | |||
| e4358312dd | |||
| e37a59d791 | |||
| 6a00a498b5 | |||
| aac1cc96b0 | |||
| 582a987f92 | |||
| ad519dc450 | |||
| 145364d242 | |||
| e1a41a0acd | |||
| e66d474b60 | |||
| 66a203ef5e | |||
| 03932c0664 | |||
| 922e9483d3 | |||
| f72809f915 |
@@ -7,7 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -25,14 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Tess's Kitchen"
|
||||
/>
|
||||
@@ -42,7 +38,8 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="At Tess’s Kitchen, every recipe is inspired by Filipino tradition, family gatherings, and the joy of sharing food. Tess started baking in her small kusina, sharing her creations with friends and family before turning her passion into a beloved local bakery."
|
||||
titleClassName="text-5xl md:text-7xl lg:text-8xl"
|
||||
description="At Tess’s Kitchen, every recipe is inspired by Filipino tradition, family gatherings, and the joy of sharing food. Tess started baking in her home kitchen , sharing her creations with friends and family before turning her passion into a beloved local bakery."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-family-brunette-female-handsome-male-fleece-shirt-cute-little-girl-cooking-food-home-kitchen_613910-14639.jpg?_wi=2"
|
||||
imageAlt="Tess in her kitchen"
|
||||
/>
|
||||
@@ -51,18 +48,11 @@ export default function LandingPage() {
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to order?"
|
||||
title="Order for your next handaan!"
|
||||
description="Send us a message to reserve your favorite treats for your upcoming celebrations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -70,29 +60,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Tess's Kitchen",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
title: "Tess's Kitchen", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
71
src/app/contact/page.tsx
Normal file
71
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,71 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Tess's Kitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="py-20">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Send us a message and we'll get back to you shortly regarding your orders and inquiries."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Tess's Kitchen", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Tess's Kitchen"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
132
src/app/page.tsx
132
src/app/page.tsx
@@ -26,10 +26,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Tess's Kitchen"
|
||||
/>
|
||||
@@ -37,64 +37,41 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshly Baked Filipino Favorites, Made with Love"
|
||||
description="Bringing the taste of home to your table—one bite at a time."
|
||||
description=" located at 1348 E Florence Blvd #2, Casa Grande, AZ 85122"
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586028607-z6btk7tk.jpg", imageAlt: "Fresh bread 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg", imageAlt: "Ube cake"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg", imageAlt: "Pandesal"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586004740-pvx21mrg.jpg", imageAlt: "Ensaymada"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586264980-2rrp2fod.jpg", imageAlt: "Leche flan"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586028607-z6btk7tk.jpg", imageAlt: "Fresh bread 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg?_wi=1", imageAlt: "Ube cake" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586039770-weby0sj9.jpg?_wi=2", imageAlt: "Pandesal" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586004740-pvx21mrg.jpg", imageAlt: "Ensaymada" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586264980-2rrp2fod.jpg", imageAlt: "Leche flan" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586104191-qd922sr2.jpg", imageAlt: "Pandesal"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586351742-nkg78jid.jpg", imageAlt: "Ensaymada"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586341729-xn5d89ng.jpg", imageAlt: "Leche flan"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586076905-8aql84gr.jpg", imageAlt: "Fresh bread 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586294245-nz1ypegd.jpg", imageAlt: "Ube cake 2"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586104191-qd922sr2.jpg", imageAlt: "Pandesal" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586351742-nkg78jid.jpg", imageAlt: "Ensaymada" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586341729-xn5d89ng.jpg", imageAlt: "Leche flan" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586076905-8aql84gr.jpg", imageAlt: "Fresh bread 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586294245-nz1ypegd.jpg", imageAlt: "Ube cake 2" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#"},
|
||||
{
|
||||
text: "View Menu", href: "#"},
|
||||
{ text: "Order Now", href: "/contact" },
|
||||
{ text: "View Products", href: "/products" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-eating-cupcakes-table-having-fun_171337-14504.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-baker-placing-baked-buns-shelf_1170-2289.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-women-man-smiling_23-2148431309.jpg", alt: "Customer 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-eating-cupcakes-table-having-fun_171337-14504.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-baker-placing-baked-buns-shelf_1170-2289.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-women-man-smiling_23-2148431309.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Loved by over 500 happy families!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Authentic"},
|
||||
{
|
||||
type: "text", text: "Handmade"},
|
||||
{
|
||||
type: "text", text: "Traditional"},
|
||||
{
|
||||
type: "text", text: "Fresh Daily"},
|
||||
{
|
||||
type: "text", text: "Filipino Pride"},
|
||||
{ type: "text", text: "Authentic" },
|
||||
{ type: "text", text: "Handmade" },
|
||||
{ type: "text", text: "Traditional" },
|
||||
{ type: "text", text: "Fresh Daily" },
|
||||
{ type: "text", text: "Filipino Pride" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,24 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Te", name: "pan de ube ", price: "", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.jpg"},
|
||||
{
|
||||
id: "2", brand: "Te", name: "Pandesal (6pcs)", price: "", rating: 5,
|
||||
reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.jpg"},
|
||||
{
|
||||
id: "3", brand: "Te", name: "binikal ", price: "", rating: 5,
|
||||
reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586221711-ylae7pax.jpg"},
|
||||
{
|
||||
id: "4", brand: "Te", name: "spanish bread ", price: "", rating: 5,
|
||||
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586235577-pshybbnc.jpg"},
|
||||
{
|
||||
id: "5", brand: "Te", name: "pan de coco ", price: "", rating: 5,
|
||||
reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587040882-mwwctuhy.jpg"},
|
||||
{
|
||||
id: "6", brand: "Te", name: "", price: "", rating: 5,
|
||||
reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587072572-mo8869xa.jpg"},
|
||||
{ id: "1", brand: "Te", name: "pan de ube ", price: "", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.jpg?_wi=1" },
|
||||
{ id: "2", brand: "Te", name: "Pandesal (6pcs)", price: "", rating: 5, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.jpg?_wi=1" },
|
||||
{ id: "3", brand: "Te", name: "binikal ", price: "", rating: 5, reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586221711-ylae7pax.jpg?_wi=1" },
|
||||
{ id: "4", brand: "Te", name: "spanish bread ", price: "", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586235577-pshybbnc.jpg?_wi=1" },
|
||||
{ id: "5", brand: "Te", name: "pan de coco ", price: "", rating: 5, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587040882-mwwctuhy.jpg?_wi=1" },
|
||||
{ id: "6", brand: "Te", name: "", price: "", rating: 5, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587072572-mo8869xa.jpg?_wi=1" },
|
||||
]}
|
||||
title="Featured Favorites"
|
||||
description="Try our signature baked goods!"
|
||||
@@ -138,16 +103,11 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
description="Proudly serving our community with excellence."
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "100+ ", title: "Happy Customers", description: "Served with warmth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587190510-8hsazq0a.jpg"},
|
||||
{
|
||||
id: "2", value: "15+", title: "Years Baking", description: "Traditional mastery", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587200831-fpodaplo.jpg"},
|
||||
{
|
||||
id: "3", value: "5+ ", title: "Recipes", description: "Filipino classics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586205047-b5561x7b.jpg"},
|
||||
{
|
||||
id: "4", value: "1 ", title: "Bakery Locations", description: "Expanding our reach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587209494-2kdy0mrq.jpg"},
|
||||
{
|
||||
id: "1 ", value: "100%", title: "Satisfaction", description: "Guaranteed quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587227779-lyteqbjm.jpg"},
|
||||
{ id: "1", value: "100+ ", title: "Happy Customers", description: "Served with warmth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587190510-8hsazq0a.jpg" },
|
||||
{ id: "2", value: "15+", title: "Years Baking", description: "Traditional mastery", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587200831-fpodaplo.jpg" },
|
||||
{ id: "3", value: "5+ ", title: "Recipes", description: "Filipino classics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586205047-b5561x7b.jpg" },
|
||||
{ id: "4", value: "1 ", title: "Bakery Locations", description: "Expanding our reach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587209494-2kdy0mrq.jpg" },
|
||||
{ id: "1 ", value: "100%", title: "Satisfaction", description: "Guaranteed quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587227779-lyteqbjm.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,18 +117,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Tess's Kitchen", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About", href: "/about"},
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
80
src/app/products/page.tsx
Normal file
80
src/app/products/page.tsx
Normal file
@@ -0,0 +1,80 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Tess's Kitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products" className="py-20">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Te", name: "pan de ube ", price: "", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.jpg?_wi=2" },
|
||||
{ id: "2", brand: "Te", name: "Pandesal (6pcs)", price: "", rating: 5, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.jpg?_wi=2" },
|
||||
{ id: "3", brand: "Te", name: "binikal ", price: "", rating: 5, reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586221711-ylae7pax.jpg?_wi=2" },
|
||||
{ id: "4", brand: "Te", name: "spanish bread ", price: "", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586235577-pshybbnc.jpg?_wi=2" },
|
||||
{ id: "5", brand: "Te", name: "pan de coco ", price: "", rating: 5, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587040882-mwwctuhy.jpg?_wi=2" },
|
||||
{ id: "6", brand: "Te", name: "", price: "", rating: 5, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775587072572-mo8869xa.jpg?_wi=2" },
|
||||
]}
|
||||
title="Our Products"
|
||||
description="Discover our full range of traditional Filipino baked treats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Tess's Kitchen", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Tess's Kitchen"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user