Merge version_1 into main #4
@@ -47,6 +47,7 @@ export default function BouquetsPage() {
|
||||
<BlogCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="opacity"
|
||||
title="Our Exquisite Bouquet Collection"
|
||||
description="Hand-tied with love, our bouquets are designed to celebrate life's moments."
|
||||
blogs={[
|
||||
|
||||
@@ -2,13 +2,26 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Facebook, Instagram, Mail, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function EventsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Bouquets", id: "/bouquets" },
|
||||
{ name: "Baskets", id: "/baskets" },
|
||||
{ name: "Flowers", id: "/flowers" },
|
||||
{ name: "Special Orders", id: "/special-orders" },
|
||||
{ name: "Events", id: "/events" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const commonAuthor = {
|
||||
authorName: "Karamvir's Team", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", date: "July 24, 2024"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -23,173 +36,48 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Bouquets",
|
||||
id: "/bouquets",
|
||||
},
|
||||
{
|
||||
name: "Baskets",
|
||||
id: "/baskets",
|
||||
},
|
||||
{
|
||||
name: "Flowers",
|
||||
id: "/flowers",
|
||||
},
|
||||
{
|
||||
name: "Special Orders",
|
||||
id: "/special-orders",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "/subscriptions",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events-blog" data-section="events-blog">
|
||||
<BlogCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Floral Decor for Unforgettable Events"
|
||||
description="Transform your celebrations with our stunning floral designs for weddings, parties, and corporate gatherings."
|
||||
blogs={[
|
||||
{
|
||||
id: "e1",
|
||||
category: "Weddings",
|
||||
title: "Fairytale Wedding Blooms",
|
||||
excerpt: "Creating romantic and enchanting floral backdrops for your most special day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/part-with-flowers-wedding-archway_8353-9890.jpg",
|
||||
imageAlt: "Luxurious wedding reception flowers",
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
category: "Parties",
|
||||
title: "Vibrant Party Decor",
|
||||
excerpt: "Lively and colorful arrangements that set the perfect mood for any celebration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-birthday-party-composition_23-2147654687.jpg",
|
||||
imageAlt: "Vibrant birthday party flower decor",
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
category: "Corporate",
|
||||
title: "Elegant Corporate Events",
|
||||
excerpt: "Professional and sophisticated floral designs to enhance your business gatherings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-serving-with-floral-composition-with-oranges-green-table-restaurant_8353-11150.jpg",
|
||||
imageAlt: "Corporate event flower display modern",
|
||||
},
|
||||
{
|
||||
id: "e4",
|
||||
category: "Baby Showers",
|
||||
title: "Charming Baby Shower Florals",
|
||||
excerpt: "Delicate and joyful arrangements to welcome new beginnings with grace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cute-baby-shower-invitation-card-with-beautiful-floral_44538-9782.jpg",
|
||||
imageAlt: "Baby shower floral theme pastel",
|
||||
},
|
||||
{
|
||||
id: "e5",
|
||||
category: "Anniversaries",
|
||||
title: "Romantic Anniversary Settings",
|
||||
excerpt: "Intimate and heartfelt floral touches for cherished milestone celebrations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plates-glasses-arrangement-high-angle_23-2149722471.jpg",
|
||||
imageAlt: "Anniversary dinner table flowers romantic",
|
||||
},
|
||||
{
|
||||
id: "e6",
|
||||
category: "Garden Parties",
|
||||
title: "Al Fresco Garden Charm",
|
||||
excerpt: "Bringing the beauty of the outdoors to your garden parties with natural floral accents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blooming-flowers-vases_23-2148480728.jpg",
|
||||
imageAlt: "Outdoor garden party flowers rustic",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="events-blog" data-section="events-blog">
|
||||
<BlogCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="opacity"
|
||||
title="Floral Decor for Unforgettable Events"
|
||||
description="Transform your celebrations with our stunning floral designs for weddings, parties, and corporate gatherings."
|
||||
blogs={[
|
||||
{ id: "e1", category: "Weddings", title: "Fairytale Wedding Blooms", excerpt: "Creating romantic and enchanting floral backdrops for your most special day.", imageSrc: "asset://event-blog-1", imageAlt: "Luxurious wedding reception flowers", ...commonAuthor },
|
||||
{ id: "e2", category: "Parties", title: "Vibrant Party Decor", excerpt: "Lively and colorful arrangements that set the perfect mood for any celebration.", imageSrc: "asset://event-blog-2", imageAlt: "Vibrant birthday party flower decor", ...commonAuthor },
|
||||
{ id: "e3", category: "Corporate", title: "Elegant Corporate Events", excerpt: "Professional and sophisticated floral designs to enhance your business gatherings.", imageSrc: "asset://event-blog-3", imageAlt: "Corporate event flower display modern", ...commonAuthor },
|
||||
{ id: "e4", category: "Baby Showers", title: "Charming Baby Shower Florals", excerpt: "Delicate and joyful arrangements to welcome new beginnings with grace.", imageSrc: "asset://event-blog-4", imageAlt: "Baby shower floral theme pastel", ...commonAuthor },
|
||||
{ id: "e5", category: "Anniversaries", title: "Romantic Anniversary Settings", excerpt: "Intimate and heartfelt floral touches for cherished milestone celebrations.", imageSrc: "asset://event-blog-5", imageAlt: "Anniversary dinner table flowers romantic", ...commonAuthor },
|
||||
{ id: "e6", category: "Garden Parties", title: "Al Fresco Garden Charm", excerpt: "Bringing the beauty of the outdoors to your garden parties with natural floral accents.", imageSrc: "asset://event-blog-6", imageAlt: "Outdoor garden party flowers rustic", ...commonAuthor }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="event-testimonials" data-section="event-testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Karamvir's Flower Shop transformed our wedding venue into a dream. The flowers were breathtaking, and their team was incredibly professional and attentive to every detail. Highly recommended!"
|
||||
rating={5}
|
||||
author="Mr. & Mrs. Gupta, Wedding Clients"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-women-looking-window-display_329181-18730.jpg",
|
||||
alt: "Mrs. Gupta",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-groom-holding-wedding-bouquet_1157-332.jpg",
|
||||
alt: "Mr. Gupta",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",
|
||||
alt: "Event Planner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-people-party_23-2149667109.jpg",
|
||||
alt: "Party Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-showing-thumb-up-sign-front-businesspeople-discussing-office_23-2147923381.jpg",
|
||||
alt: "Corporate Client",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-botanical-elements-vector_53876-61965.jpg"
|
||||
logoAlt="Karamvir's Flower Shop Logo"
|
||||
logoText="Karamvir's Flower Shop"
|
||||
copyrightText="© 2024 Karamvir's Flower Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://www.google.com/maps/place/Karamvir's+Flower+Shop",
|
||||
ariaLabel: "Location on Google Maps",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:8979072122",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:p8009427@gmail.com",
|
||||
ariaLabel: "Email Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="event-testimonials" data-section="event-testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Karamvir's Flower Shop transformed our wedding venue into a dream. The flowers were breathtaking, and their team was incredibly professional and attentive to every detail. Highly recommended."
|
||||
rating={5}
|
||||
author="Mr. & Mrs. Gupta, Wedding Clients"
|
||||
avatars={[
|
||||
{ src: "asset://event-avatar-1", alt: "Mrs. Gupta" },
|
||||
{ src: "asset://event-avatar-2", alt: "Mr. Gupta" },
|
||||
{ src: "asset://event-avatar-3", alt: "Event Planner" },
|
||||
{ src: "asset://event-avatar-4", alt: "Party Guest" },
|
||||
{ src: "asset://event-avatar-5", alt: "Corporate Client" }
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
286
src/app/page.tsx
286
src/app/page.tsx
@@ -2,190 +2,136 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Facebook, Instagram, Mail, MapPin, Phone } from "lucide-react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Instagram, Facebook, MapPin, Phone, Mail } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Bouquets", id: "/bouquets" },
|
||||
{ name: "Baskets", id: "/baskets" },
|
||||
{ name: "Flowers", id: "/flowers" },
|
||||
{ name: "Special Orders", id: "/special-orders" },
|
||||
{ name: "Events", id: "/events" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Bouquets", id: "/bouquets"},
|
||||
{
|
||||
name: "Baskets", id: "/baskets"},
|
||||
{
|
||||
name: "Flowers", id: "/flowers"},
|
||||
{
|
||||
name: "Special Orders", id: "/special-orders"},
|
||||
{
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Subscriptions", id: "/subscriptions"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Where Floral Elegance Meets Timeless Trust"
|
||||
description="Discover exquisite bouquets and bespoke floral arrangements designed to captivate and delight."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Bouquets", href: "/bouquets"},
|
||||
{
|
||||
text: "Order on WhatsApp", href: "https://wa.me/8979072122"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg", imageAlt: "Elegant white rose arrangement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910702.jpg", imageAlt: "Soft pastel pink floral bouquet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200311.jpg", imageAlt: "Sage green leaves with white flowers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17399.jpg", imageAlt: "Exquisite purple orchid bouquet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-beige-flower-macro_209303-112.jpg", imageAlt: "Delicate flower petals close-up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-composition-with-flowers-present_23-2147776076.jpg", imageAlt: "Assorted fresh flowers in a gift box"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Floral Elegance Meets Timeless Trust"
|
||||
description="Discover exquisite bouquets and bespoke floral arrangements designed to captivate and delight."
|
||||
buttons={[
|
||||
{ text: "Shop Bouquets", href: "/bouquets" },
|
||||
{ text: "Order on WhatsApp", href: "https://wa.me/8979072122" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg", imageAlt: "Elegant white rose arrangement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910702.jpg", imageAlt: "Soft pastel pink floral bouquet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200311.jpg", imageAlt: "Sage green leaves with white flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17399.jpg", imageAlt: "Exquisite purple orchid bouquet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-beige-flower-macro_209303-112.jpg", imageAlt: "Delicate flower petals close-up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-composition-with-flowers-present_23-2147776076.jpg", imageAlt: "Assorted fresh flowers in a gift box" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-categories" data-section="featured-categories">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "bouquets", name: "Bouquets", price: "Starting from ₹999", variant: "Hand-tied elegance", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-floral-frame-yellow-background_23-2148274674.jpg", imageAlt: "Assorted flower bouquets"},
|
||||
{
|
||||
id: "baskets", name: "Baskets", price: "Starting from ₹1499", variant: "Curated gift hampers", imageSrc: "http://img.b2bpic.net/free-photo/rose-flowers-with-macaroons-cinnamon-container-white-cloth_23-2148161720.jpg", imageAlt: "Luxury flower gift baskets"},
|
||||
{
|
||||
id: "fresh-flowers", name: "Fresh Flowers", price: "Starting from ₹499", variant: "Single stem & bunches", imageSrc: "http://img.b2bpic.net/free-photo/nature-green-wild-plant-concept_53876-31013.jpg", imageAlt: "Variety of fresh cut flowers"},
|
||||
{
|
||||
id: "special-orders", name: "Special Orders", price: "Custom Pricing", variant: "Bespoke floral artistry", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-bouquet_23-2148846519.jpg", imageAlt: "Custom floral jewelry and garlands"},
|
||||
{
|
||||
id: "events", name: "Events", price: "Consultation Required", variant: "Grand occasion decor", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wedding-ceremony-with-floral-decorations_23-2152010072.jpg", imageAlt: "Wedding and party floral arrangements"},
|
||||
{
|
||||
id: "subscriptions", name: "Subscriptions", price: "Starting from ₹1999/month", variant: "Fresh blooms delivered", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150642986.jpg", imageAlt: "Flower subscription box"},
|
||||
]}
|
||||
title="Our Floral Collections"
|
||||
description="Explore our curated selections, each crafted with passion and precision to bring beauty to every moment."
|
||||
/>
|
||||
</div>
|
||||
<div id="featured-categories" data-section="featured-categories">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "bouquets", name: "Bouquets", price: "Starting from ₹999", variant: "Hand-tied elegance", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-floral-frame-yellow-background_23-2148274674.jpg", imageAlt: "Assorted flower bouquets" },
|
||||
{ id: "baskets", name: "Baskets", price: "Starting from ₹1499", variant: "Curated gift hampers", imageSrc: "http://img.b2bpic.net/free-photo/rose-flowers-with-macaroons-cinnamon-container-white-cloth_23-2148161720.jpg", imageAlt: "Luxury flower gift baskets" },
|
||||
{ id: "fresh-flowers", name: "Fresh Flowers", price: "Starting from ₹499", variant: "Single stem & bunches", imageSrc: "http://img.b2bpic.net/free-photo/nature-green-wild-plant-concept_53876-31013.jpg", imageAlt: "Variety of fresh cut flowers" },
|
||||
{ id: "special-orders", name: "Special Orders", price: "Custom Pricing", variant: "Bespoke floral artistry", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-bouquet_23-2148846519.jpg", imageAlt: "Custom floral jewelry and garlands" },
|
||||
{ id: "events", name: "Events", price: "Consultation Required", variant: "Grand occasion decor", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wedding-ceremony-with-floral-decorations_23-2152010072.jpg", imageAlt: "Wedding and party floral arrangements" },
|
||||
{ id: "subscriptions", name: "Subscriptions", price: "Starting from ₹1999/month", variant: "Fresh blooms delivered", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150642986.jpg", imageAlt: "Flower subscription box" }
|
||||
]}
|
||||
title="Our Floral Collections"
|
||||
description="Explore our curated selections, each crafted with passion and precision to bring beauty to every moment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Our Story: Where Passion Blooms"},
|
||||
{
|
||||
type: "text", content: "Karamvir's Flower Shop, born from a deep love for floristry, has blossomed into Agra's premier destination for exquisite floral designs. We handcraft every arrangement, believing that flowers are more than just gifts—they are expressions of emotion, artistry, and nature's unparalleled beauty. Our journey is rooted in quality, creativity, and a commitment to making every moment special for you."},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/crop-florist-with-ribbon_23-2147742932.jpg", alt: "Florist arranging a beautiful bouquet"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Craft", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Story: Where Passion Blooms" },
|
||||
{ type: "text", content: "Karamvir's Flower Shop, born from a deep love for floristry, has blossomed into Agra's premier destination for exquisite floral designs. We handcraft every arrangement, believing that flowers are more than just gifts—are expressions of emotion, artistry, and nature's unparalleled beauty. Our journey is rooted in quality, creativity, and a commitment to making every moment special for you." }
|
||||
]}
|
||||
buttons={[{ text: "Discover Our Craft", href: "/about" }]
|
||||
}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-florist-with-ribbon_23-2147742932.jpg"
|
||||
imageAlt="Florist arranging a beautiful bouquet"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Karamvir's Flower Shop consistently delivers breathtaking arrangements. Their dedication to freshness and unique designs makes every order a joy. Truly the best florist in Agra!"
|
||||
rating={5}
|
||||
author="Priya Sharma, Agra"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "Priya Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Rahul Gupta"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg", alt: "Anjali Singh"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207172.jpg", alt: "Suresh Kumar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-his-collar-shirt-jacket-pants-looking-handsome-front-view_176474-88959.jpg", alt: "Meena Devi"},
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Karamvir's Flower Shop consistently delivers breathtaking arrangements. Their dedication to freshness and unique designs makes every order a joy. Truly the best florist in Agra!"
|
||||
rating={5}
|
||||
author="Priya Sharma, Agra"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "Priya Sharma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Rahul Gupta" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg", alt: "Anjali Singh" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207172.jpg", alt: "Suresh Kumar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-holding-his-collar-shirt-jacket-pants-looking-handsome-front-view_176474-88959.jpg", alt: "Meena Devi" }
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="default"
|
||||
title="Legal Information"
|
||||
sections={[
|
||||
{
|
||||
title: "Privacy Policy", content: "Your privacy is important to us. This policy explains how we collect, use, and protect your personal data."
|
||||
},
|
||||
{
|
||||
title: "Terms of Service", content: "By using our services, you agree to our terms and conditions. Please read them carefully."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
{/* Removing LegalSection as it is not defined in the component registry and causes type errors. */}
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-botanical-elements-vector_53876-61965.jpg"
|
||||
logoAlt="Karamvir's Flower Shop Logo"
|
||||
logoText="Karamvir's Flower Shop"
|
||||
copyrightText="© 2024 Karamvir's Flower Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://www.google.com/maps/place/Karamvir's+Flower+Shop", ariaLabel: "Location on Google Maps"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:8979072122", ariaLabel: "Call Us"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:p8009427@gmail.com", ariaLabel: "Email Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-botanical-elements-vector_53876-61965.jpg"
|
||||
logoAlt="Karamvir's Flower Shop Logo"
|
||||
logoText="Karamvir's Flower Shop"
|
||||
copyrightText="© 2024 Karamvir's Flower Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: MapPin, href: "https://www.google.com/maps/place/Karamvir's+Flower+Shop", ariaLabel: "Location on Google Maps" },
|
||||
{ icon: Phone, href: "tel:8979072122", ariaLabel: "Call Us" },
|
||||
{ icon: Mail, href: "mailto:p8009427@gmail.com", ariaLabel: "Email Us" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,13 +2,22 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import { Facebook, Instagram, Mail, MapPin, Phone } from "lucide-react";
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
|
||||
export default function SubscriptionsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Bouquets", id: "/bouquets" },
|
||||
{ name: "Baskets", id: "/baskets" },
|
||||
{ name: "Flowers", id: "/flowers" },
|
||||
{ name: "Special Orders", id: "/special-orders" },
|
||||
{ name: "Events", id: "/events" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -23,201 +32,55 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Bouquets",
|
||||
id: "/bouquets",
|
||||
},
|
||||
{
|
||||
name: "Baskets",
|
||||
id: "/baskets",
|
||||
},
|
||||
{
|
||||
name: "Flowers",
|
||||
id: "/flowers",
|
||||
},
|
||||
{
|
||||
name: "Special Orders",
|
||||
id: "/special-orders",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "/subscriptions",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="subscription-plans" data-section="subscription-plans">
|
||||
<PricingCardNine
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "weekly-plan",
|
||||
title: "Weekly Fresh Bloom",
|
||||
price: "₹1999",
|
||||
period: "per month",
|
||||
features: [
|
||||
"Fresh seasonal bouquet weekly",
|
||||
"Small to medium size arrangements",
|
||||
"Perfect for homes and small offices",
|
||||
"Flexible pause/skip options",
|
||||
],
|
||||
button: {
|
||||
text: "Subscribe on WhatsApp",
|
||||
href: "https://wa.me/8979072122?text=I'm%20interested%20in%20the%20Weekly%20Fresh%20Bloom%20Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-florist-woman_23-2149215309.jpg",
|
||||
imageAlt: "Weekly Fresh Bloom Plan",
|
||||
},
|
||||
{
|
||||
id: "biweekly-plan",
|
||||
title: "Bi-Weekly Blossom",
|
||||
price: "₹2999",
|
||||
period: "per month",
|
||||
features: [
|
||||
"Larger seasonal bouquet every two weeks",
|
||||
"Medium to large size arrangements",
|
||||
"Ideal for gifting or regular refresh",
|
||||
"Flexible pause/skip options",
|
||||
],
|
||||
button: {
|
||||
text: "Subscribe on WhatsApp",
|
||||
href: "https://wa.me/8979072122?text=I'm%20interested%20in%20the%20Bi-Weekly%20Blossom%20Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg",
|
||||
imageAlt: "Bi-Weekly Blossom Plan",
|
||||
},
|
||||
{
|
||||
id: "monthly-plan",
|
||||
title: "Monthly Luxury Bouquet",
|
||||
price: "₹4999",
|
||||
period: "per month",
|
||||
features: [
|
||||
"Grand luxury bouquet monthly",
|
||||
"Statement floral designs",
|
||||
"Designed for impressive display",
|
||||
"Flexible pause/skip options",
|
||||
],
|
||||
button: {
|
||||
text: "Subscribe on WhatsApp",
|
||||
href: "https://wa.me/8979072122?text=I'm%20interested%20in%20the%20Monthly%20Luxury%20Bouquet%20Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-red-roses-pink-purple-flowers-with-leaves-christmas-table_114579-1436.jpg",
|
||||
imageAlt: "Monthly Luxury Bouquet Plan",
|
||||
},
|
||||
]}
|
||||
title="Never Run Out of Fresh Flowers Again"
|
||||
description="Choose the perfect subscription plan to keep your space blooming with elegance and beauty, delivered right to your door."
|
||||
/>
|
||||
</div>
|
||||
<div id="subscription-plans" data-section="subscription-plans">
|
||||
<PricingCardNine
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "weekly-plan", title: "Weekly Fresh Bloom", price: "₹1999", period: "per month", features: ["Fresh seasonal bouquet weekly", "Small to medium size arrangements", "Perfect for homes and small offices", "Flexible pause/skip options"], button: { text: "Subscribe on WhatsApp", href: "https://wa.me/8979072122?text=I'm%20interested%20in%20the%20Weekly%20Fresh%20Bloom%20Plan" }, imageSrc: "asset://plan-image-weekly", imageAlt: "Weekly Fresh Bloom Plan" },
|
||||
{ id: "biweekly-plan", title: "Bi-Weekly Blossom", price: "₹2999", period: "per month", features: ["Larger seasonal bouquet every two weeks", "Medium to large size arrangements", "Ideal for gifting or regular refresh", "Flexible pause/skip options"], button: { text: "Subscribe on WhatsApp", href: "https://wa.me/8979072122?text=I'm%20interested%20in%20the%20Bi-Weekly%20Blossom%20Plan" }, imageSrc: "asset://plan-image-biweekly", imageAlt: "Bi-Weekly Blossom Plan" },
|
||||
{ id: "monthly-plan", title: "Monthly Luxury Bouquet", price: "₹4999", period: "per month", features: ["Grand luxury bouquet monthly", "Statement floral designs", "Designed for impressive display", "Flexible pause/skip options"], button: { text: "Subscribe on WhatsApp", href: "https://wa.me/8979072122?text=I'm%20interested%20in%20the%20Monthly%20Luxury%20Bouquet%20Plan" }, imageSrc: "asset://plan-image-monthly", imageAlt: "Monthly Luxury Bouquet Plan" }
|
||||
]}
|
||||
title="Never Run Out of Fresh Flowers Again"
|
||||
description="Choose the perfect subscription plan to keep your space blooming with elegance and beauty, delivered right to your door."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="subscription-features" data-section="subscription-features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Freshness",
|
||||
title: "Seasonal & Hand-Picked",
|
||||
subtitle: "Fresh seasonal flowers every delivery.",
|
||||
description: "We ensure every delivery brings you the freshest, most beautiful blooms of the season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-280.jpg",
|
||||
imageAlt: "fresh seasonal flowers close up",
|
||||
},
|
||||
{
|
||||
tag: "Flexibility",
|
||||
title: "Plans That Adapt",
|
||||
subtitle: "Flexible subscription plans.",
|
||||
description: "Pause or skip deliveries anytime, change your plan, or modify your preferences with ease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg?_wi=3",
|
||||
imageAlt: "fresh seasonal flowers close up",
|
||||
},
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "Hassle-Free Delivery",
|
||||
subtitle: "Priority delivery option.",
|
||||
description: "Enjoy priority delivery to your home, office, or as a thoughtful gift to loved ones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910702.jpg?_wi=3",
|
||||
imageAlt: "fresh seasonal flowers close up",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Flower Subscription?"
|
||||
description="Enjoy the convenience and beauty of fresh blooms with unparalleled flexibility and premium service."
|
||||
/>
|
||||
</div>
|
||||
<div id="subscription-features" data-section="subscription-features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ tag: "Freshness", title: "Seasonal & Hand-Picked", subtitle: "Fresh seasonal flowers every delivery.", description: "We ensure every delivery brings you the freshest, most beautiful blooms of the season.", imageSrc: "asset://subscription-feature-1", imageAlt: "fresh seasonal flowers close up" },
|
||||
{ tag: "Flexibility", title: "Plans That Adapt", subtitle: "Flexible subscription plans.", description: "Pause or skip deliveries anytime, change your plan, or modify your preferences with ease.", imageSrc: "asset://hero-gallery-1", imageAlt: "fresh seasonal flowers close up" },
|
||||
{ tag: "Convenience", title: "Hassle-Free Delivery", subtitle: "Priority delivery option.", description: "Enjoy priority delivery to your home, office, or as a thoughtful gift to loved ones.", imageSrc: "asset://hero-gallery-2", imageAlt: "fresh seasonal flowers close up" }
|
||||
]}
|
||||
title="Why Choose Our Flower Subscription?"
|
||||
description="Enjoy the convenience and beauty of fresh blooms with unparalleled flexibility and premium service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="subscription-conversion" data-section="subscription-conversion">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Transform Your Space?"
|
||||
description="Experience continuous beauty with fresh, elegant flowers. Start your subscription today or consult with our floral experts."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Subscription",
|
||||
href: "/subscriptions#subscription-plans",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Consultation",
|
||||
href: "https://wa.me/8979072122?text=I'd%20like%20a%20subscription%20consultation",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-botanical-elements-vector_53876-61965.jpg"
|
||||
logoAlt="Karamvir's Flower Shop Logo"
|
||||
logoText="Karamvir's Flower Shop"
|
||||
copyrightText="© 2024 Karamvir's Flower Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://www.google.com/maps/place/Karamvir's+Flower+Shop",
|
||||
ariaLabel: "Location on Google Maps",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:8979072122",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:p8009427@gmail.com",
|
||||
ariaLabel: "Email Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="subscription-conversion" data-section="subscription-conversion">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[]}
|
||||
title="Ready to Transform Your Space?"
|
||||
description="Experience continuous beauty with fresh, elegant flowers. Start your subscription today or consult with our floral experts."
|
||||
buttons={[
|
||||
{ text: "Start Subscription", href: "/subscriptions#subscription-plans" },
|
||||
{ text: "WhatsApp Consultation", href: "https://wa.me/8979072122?text=I'd%20like%20a%20subscription%20consultation" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user