Merge version_1 into main #1
@@ -6,82 +6,62 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-section" data-section="about-section">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Born from a kitchen table and a desire to feed our family only the best, Theertham started as an effort to reclaim true, organic goodness. We don't just bake; we craft experiences that prioritize your health without sacrificing flavor."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bread-table_23-2149234817.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-section" data-section="about-section">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Born from a kitchen table and a desire to feed our family only the best, Theertham started as an effort to reclaim true, organic goodness. We don't just bake; we craft experiences that prioritize your health without sacrificing flavor."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bread-table_23-2149234817.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Order Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Theertham"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Order Now", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,89 +6,65 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to taste the goodness? Place your order via WhatsApp and we will deliver fresh, homemade baked goods right to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to taste the goodness? Place your order via WhatsApp and we will deliver fresh, homemade baked goods right to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Order Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Theertham"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Order Now", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
243
src/app/page.tsx
243
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Leaf, ShieldCheck, Heart } from "lucide-react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
@@ -14,168 +15,98 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Pure Ingredients, Pure Happiness"
|
||||
description="Indulge in 100% natural, homemade cookies and brownies. No preservatives, no additives, just honest baking."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Products",
|
||||
href: "/products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-oatmeal-cookies-with-chocolate-chips-concrete_114579-4091.jpg",
|
||||
imageAlt: "Artisanal cookies",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-with-spoon_23-2148689808.jpg",
|
||||
imageAlt: "Homemade brownies",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-ingredients-with-eggs_23-2148834733.jpg",
|
||||
imageAlt: "Fresh organic ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-baked-cookies-done-by-vegan-bakery_23-2150195102.jpg",
|
||||
imageAlt: "Boxed bakery goods",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gingerbread-cookies-bowl_181624-60657.jpg",
|
||||
imageAlt: "Close up chocolate cookie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-grandparents-girl-kitchen_23-2150491971.jpg",
|
||||
imageAlt: "Happy family with cookies",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Pure Ingredients, Pure Happiness"
|
||||
description="Indulge in 100% natural, homemade cookies and brownies. No preservatives, no additives, just honest baking."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "/contact" },
|
||||
{ text: "View Products", href: "/products" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/homemade-oatmeal-cookies-with-chocolate-chips-concrete_114579-4091.jpg", imageAlt: "Artisanal cookies" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-with-spoon_23-2148689808.jpg", imageAlt: "Homemade brownies" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-ingredients-with-eggs_23-2148834733.jpg", imageAlt: "Fresh organic ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-baked-cookies-done-by-vegan-bakery_23-2150195102.jpg", imageAlt: "Boxed bakery goods" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gingerbread-cookies-bowl_181624-60657.jpg", imageAlt: "Close up chocolate cookie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-grandparents-girl-kitchen_23-2150491971.jpg", imageAlt: "Happy family with cookies" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "100% Natural Ingredients",
|
||||
description: "Handpicked, organic components with zero compromise on quality.",
|
||||
buttonIcon: "Leaf",
|
||||
},
|
||||
{
|
||||
title: "No Chemicals Ever",
|
||||
description: "Absolutely NO maida, NO additives, NO baking soda or synthetic agents.",
|
||||
buttonIcon: "ShieldCheck",
|
||||
},
|
||||
{
|
||||
title: "Healthy & Delicious",
|
||||
description: "Guilt-free sweetness made with love, perfect for the whole family.",
|
||||
buttonIcon: "Heart",
|
||||
},
|
||||
]}
|
||||
title="The Theertham Promise"
|
||||
description="We believe in transparency and health. Our recipes are crafted to be as nourishing as they are delicious."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Theertham Promise"
|
||||
description="We believe in transparency and health. Our recipes are crafted to be as nourishing as they are delicious."
|
||||
features={[
|
||||
{ title: "100% Natural Ingredients", description: "Handpicked, organic components with zero compromise on quality.", buttonIcon: Leaf },
|
||||
{ title: "No Chemicals Ever", description: "Absolutely NO maida, NO additives, NO baking soda or synthetic agents.", buttonIcon: ShieldCheck },
|
||||
{ title: "Healthy & Delicious", description: "Guilt-free sweetness made with love, perfect for the whole family.", buttonIcon: Heart },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best organic treats I've found! It's so rare to find desserts without refined sugar or additives that actually taste this good."
|
||||
rating={5}
|
||||
author="Priya Sharma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994706.jpg",
|
||||
alt: "Priya Sharma",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-posing-together_23-2150172180.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best organic treats I've found! It's so rare to find desserts without refined sugar or additives that actually taste this good."
|
||||
rating={5}
|
||||
author="Priya Sharma"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994706.jpg", alt: "Priya Sharma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-posing-together_23-2150172180.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Order Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Theertham"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Order Now", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,107 +6,72 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Theertham"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products-grid" data-section="products-grid">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Choco Brownies",
|
||||
price: "$12",
|
||||
variant: "Box of 6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-bakery-arrangement_23-2148654062.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Almond Crisp Cookies",
|
||||
price: "$10",
|
||||
variant: "Pack of 12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocoa-sesame-cookies-rustic-wooden-board-with-cup-tea_114579-62019.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Oats & Honey Cookies",
|
||||
price: "$10",
|
||||
variant: "Pack of 12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-pile-cookie-oatmeal-bowl-half-cut-orange-grey-surface_114579-84037.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="From chewy chocolate brownies to crisp almond cookies, discover the taste of natural baking."
|
||||
/>
|
||||
</div>
|
||||
<div id="products-grid" data-section="products-grid">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Signature Collection"
|
||||
description="From chewy chocolate brownies to crisp almond cookies, discover the taste of natural baking."
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Classic Choco Brownies", price: "$12", variant: "Box of 6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-bakery-arrangement_23-2148654062.jpg"},
|
||||
{
|
||||
id: "p2", name: "Almond Crisp Cookies", price: "$10", variant: "Pack of 12", imageSrc: "http://img.b2bpic.net/free-photo/cocoa-sesame-cookies-rustic-wooden-board-with-cup-tea_114579-62019.jpg"},
|
||||
{
|
||||
id: "p3", name: "Oats & Honey Cookies", price: "$10", variant: "Pack of 12", imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-pile-cookie-oatmeal-bowl-half-cut-orange-grey-surface_114579-84037.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Order Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Theertham"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Theertham"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Order Now", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user