Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8ed4cac06e | |||
| 13789ce75b | |||
| e0e93e5916 | |||
| 0f547da14b | |||
| b73c5eca2c | |||
| 3be89ac3ff | |||
| c510f3949f | |||
| 5aafc4ceba | |||
| 8e197e6d50 | |||
| 00c7788154 | |||
| dac1bd6052 | |||
| c19b4522a9 | |||
| 4355703ba8 | |||
| 69a42ff8d7 | |||
| 582a6b6af0 | |||
| e37a59d791 | |||
| aac1cc96b0 |
@@ -7,7 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function AboutPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="icon-arrow"
|
||||||
@@ -25,10 +25,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home", id: "/"},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Products", id: "/products" },
|
||||||
name: "About", id: "/about"},
|
{ name: "Contact", id: "/contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Tess's Kitchen"
|
brandName="Tess's Kitchen"
|
||||||
/>
|
/>
|
||||||
@@ -39,7 +39,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Story"
|
title="Our Story"
|
||||||
titleClassName="text-5xl md:text-7xl lg:text-8xl"
|
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 small kusina, sharing her creations with friends and family before turning her passion into a beloved local bakery."
|
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"
|
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"
|
imageAlt="Tess in her kitchen"
|
||||||
/>
|
/>
|
||||||
@@ -48,15 +48,11 @@ export default function LandingPage() {
|
|||||||
<div id="contact-cta" data-section="contact-cta">
|
<div id="contact-cta" data-section="contact-cta">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
tag="Ready to order?"
|
tag="Ready to order?"
|
||||||
title="Order for your next handaan!"
|
title="Order for your next handaan!"
|
||||||
description="Send us a message to reserve your favorite treats for your upcoming celebrations."
|
description="Send us a message to reserve your favorite treats for your upcoming celebrations."
|
||||||
buttons={[
|
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||||
{
|
|
||||||
text: "Contact Us", href: "#"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -65,18 +61,16 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Tess's Kitchen", items: [
|
title: "Tess's Kitchen", items: [
|
||||||
{
|
{ label: "Home", href: "/" },
|
||||||
label: "Home", href: "/"},
|
{ label: "About", href: "/about" },
|
||||||
{
|
{ label: "Products", href: "/products" },
|
||||||
label: "About", href: "/about"},
|
{ label: "Contact", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Follow Us", items: [
|
title: "Follow Us", items: [
|
||||||
{
|
{ label: "Facebook", href: "#" },
|
||||||
label: "Facebook", href: "#"},
|
{ label: "Instagram", href: "#" },
|
||||||
{
|
|
||||||
label: "Instagram", href: "#"},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -87,4 +81,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
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">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home", id: "/"},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Products", id: "/products" },
|
||||||
name: "About", id: "/about"},
|
{ name: "Contact", id: "/contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Tess's Kitchen"
|
brandName="Tess's Kitchen"
|
||||||
/>
|
/>
|
||||||
@@ -37,64 +37,41 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
title="Freshly Baked Filipino Favorites, Made with Love"
|
title="Freshly Baked Filipino Favorites, Made with Love"
|
||||||
description=" located at 1348 E Florence Blvd #2, Casa Grande, AZ 85122"
|
description=" located at 1348 E Florence Blvd #2, Casa Grande, AZ 85122"
|
||||||
leftCarouselItems={[
|
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-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-1775586039770-weby0sj9.jpg?_wi=1", imageAlt: "Ube cake"},
|
{ 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-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={[
|
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-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-1775586351742-nkg78jid.jpg", imageAlt: "Ensaymada"},
|
{ 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-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={[
|
buttons={[
|
||||||
{
|
{ text: "Order Now", href: "/contact" },
|
||||||
text: "Order Now", href: "#"},
|
{ text: "View Products", href: "/products" },
|
||||||
{
|
|
||||||
text: "View Menu", href: "#"},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
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/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/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg", alt: "Customer 2"},
|
{ 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/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!"
|
avatarText="Loved by over 500 happy families!"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Authentic" },
|
||||||
type: "text", text: "Authentic"},
|
{ type: "text", text: "Handmade" },
|
||||||
{
|
{ type: "text", text: "Traditional" },
|
||||||
type: "text", text: "Handmade"},
|
{ type: "text", text: "Fresh Daily" },
|
||||||
{
|
{ type: "text", text: "Filipino Pride" },
|
||||||
type: "text", text: "Traditional"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Fresh Daily"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Filipino Pride"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,24 +83,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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=1" },
|
||||||
id: "1", brand: "Te", name: "pan de ube ", price: "", rating: 5,
|
{ 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" },
|
||||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586158443-y6cb1q81.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?_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: "2", brand: "Te", name: "Pandesal (6pcs)", price: "", rating: 5,
|
{ 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" },
|
||||||
reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/uploaded-1775586183006-jrrzihd2.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?_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"},
|
|
||||||
{
|
|
||||||
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"},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Favorites"
|
title="Featured Favorites"
|
||||||
description="Try our signature baked goods!"
|
description="Try our signature baked goods!"
|
||||||
@@ -138,16 +103,11 @@ export default function LandingPage() {
|
|||||||
title="By The Numbers"
|
title="By The Numbers"
|
||||||
description="Proudly serving our community with excellence."
|
description="Proudly serving our community with excellence."
|
||||||
metrics={[
|
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: "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: "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: "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: "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>
|
</div>
|
||||||
@@ -157,18 +117,16 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Tess's Kitchen", items: [
|
title: "Tess's Kitchen", items: [
|
||||||
{
|
{ label: "Home", href: "/" },
|
||||||
label: "Home", href: "/"},
|
{ label: "About", href: "/about" },
|
||||||
{
|
{ label: "Products", href: "/products" },
|
||||||
label: "About", href: "/about"},
|
{ label: "Contact", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Follow Us", items: [
|
title: "Follow Us", items: [
|
||||||
{
|
{ label: "Facebook", href: "#" },
|
||||||
label: "Facebook", href: "#"},
|
{ label: "Instagram", href: "#" },
|
||||||
{
|
|
||||||
label: "Instagram", href: "#"},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -179,4 +137,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
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