Update src/app/events/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user