Update src/app/page.tsx
This commit is contained in:
@@ -3,100 +3,60 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { PartyPopper, Cat } from "lucide-react";
|
||||
import { Cake, Heart, Sparkles } from "lucide-react";
|
||||
|
||||
export default function BirthdayPage() {
|
||||
export default function BirthdaySurprisePage() {
|
||||
const navItems = [
|
||||
{ name: "For Nishi", id: "hero" },
|
||||
{ name: "Birthday Wishes", id: "wishes" },
|
||||
{ name: "Cat Corner", id: "cats" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Happy Birthday Nishi!"
|
||||
button={{ text: "Send Love", onClick: () => alert("Happy Birthday, Nishi! 🎂") }}
|
||||
brandName="Happy Birthday!"
|
||||
button={{ text: "Send Love", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Happy Birthday, Nishi! 🎂"
|
||||
description="Wishing the most wonderful birthday to a truly amazing person. May your day be filled with as much happiness as you bring to everyone around you!"
|
||||
title="Happy Birthday, Nishi!"
|
||||
description="A day as special as you are! Wishing you a year full of purr-fect moments, endless joy, and all the love in the world. May your day be as sweet as you are!"
|
||||
tag="Celebration"
|
||||
tagIcon={PartyPopper}
|
||||
tagAnimation="slide-up"
|
||||
tagIcon={Cake}
|
||||
kpis={[
|
||||
{ value: "Unlimited", label: "Joy" },
|
||||
{ value: "Infinite", label: "Love" },
|
||||
{ value: "Best", label: "Year Yet" },
|
||||
{ value: "Unlimited", label: "Joy & Smiles" },
|
||||
{ value: "100%", label: "Happiness" },
|
||||
{ value: "Always", label: "Loved" },
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
enableKpiAnimation={true}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/young-happy-woman-holding-birthday-cake-with-candles_23-2148281351.jpg?_wi=1"
|
||||
imageAlt="Birthday celebration"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wishes" data-section="wishes">
|
||||
<MetricCardTen
|
||||
title="Personal Birthday Wishes"
|
||||
description="Celebrating you today with love, joy, and cat stickers!"
|
||||
metrics={[
|
||||
{ id: "wish-1", title: "Dream Big", subtitle: "May all your wishes come true", category: "Growth", value: "Sparkle" },
|
||||
{ id: "wish-2", title: "Stay Cute", subtitle: "Like a little kitty", category: "Personality", value: "Meow" },
|
||||
{ id: "wish-3", title: "Pure Joy", subtitle: "Happiness in every moment", category: "Vibes", value: "Smile" },
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="centered"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cats" data-section="cats">
|
||||
<ProductCardTwo
|
||||
title="Cat Stickers for Nishi! 🐱"
|
||||
description="A special collection of cuteness just for you."
|
||||
tag="Cat Lover"
|
||||
tagIcon={Cat}
|
||||
products={[
|
||||
{ id: "cat1", brand: "Cuteness", name: "Sleepy Kitty", price: "Gifted", rating: 5, reviewCount: "1k", imageSrc: "https://img.b2bpic.net/free-photo/cute-cat-wearing-birthday-hat_23-2149416550.jpg?_wi=1" },
|
||||
{ id: "cat2", brand: "Cuteness", name: "Happy Kitty", price: "Gifted", rating: 5, reviewCount: "2k", imageSrc: "https://img.b2bpic.net/free-photo/cat-playing-with-gift-box_23-2149405621.jpg?_wi=1" },
|
||||
{ id: "cat3", brand: "Cuteness", name: "Tiny Purr", price: "Gifted", rating: 5, reviewCount: "800", imageSrc: "https://img.b2bpic.net/free-photo/funny-kitten-with-birthday-balloon_23-2149416545.jpg?_wi=1" },
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-cat-wearing-birthday-hat-with-balloon_23-2148454228.jpg?_wi=1"
|
||||
imageAlt="Cute birthday cat"
|
||||
buttons={[{ text: "I Love You!" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[]}
|
||||
logoText="With Love"
|
||||
copyrightText="© 2025 Birthday Celebration for Nishi"
|
||||
logoText="Birthday Wishes for Nishi"
|
||||
copyrightText="Made with love and cat stickers"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user