Add src/app/services/page.tsx
This commit is contained in:
141
src/app/services/page.tsx
Normal file
141
src/app/services/page.tsx
Normal file
@@ -0,0 +1,141 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, Zap, Heart, Gift } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Daily Tracker"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
]}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Our Services"
|
||||
title="Celebrate Your Special Moments"
|
||||
description="From elegant balloon decorations to comprehensive wedding planning services, we create unforgettable celebrations tailored to your vision."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=1", imageAlt: "Balloon decoration setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/wedding-couple-illustration_1212-456.jpg?_wi=1", imageAlt: "Wedding celebration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/party-decoration-elements_1212-789.jpg?_wi=1", imageAlt: "Party decorations"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/event-planning-concept_1212-321.jpg?_wi=1", imageAlt: "Event planning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/balloons-confetti-celebration_1212-654.jpg?_wi=1", imageAlt: "Festive balloons"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Browse Gallery", href: "/gallery" },
|
||||
{ text: "Get Quote", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
tag="What We Offer"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Our Signature Services"
|
||||
description="Comprehensive balloon decoration and wedding services designed to bring your celebration dreams to life with elegance and style."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Balloon Decoration", description: "Custom balloon arrangements, arches, garlands, and installations for any occasion. From intimate gatherings to large-scale events, we design stunning visual impacts with premium balloons.", imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=2", imageAlt: "Professional balloon decoration"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Wedding Planning & Coordination", description: "End-to-end wedding services from concept to execution. We handle venue selection, vendor coordination, timeline management, and day-of coordination to ensure your special day runs flawlessly.", imageSrc: "http://img.b2bpic.net/free-vector/wedding-couple-illustration_1212-456.jpg?_wi=2", imageAlt: "Wedding planning services"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Event Decoration & Design", description: "Complete event decoration services including themed setups, centerpieces, lighting, and ambiance creation. We transform any space into a memorable venue for celebrations.", imageSrc: "http://img.b2bpic.net/free-vector/party-decoration-elements_1212-789.jpg?_wi=2", imageAlt: "Event decoration design"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Custom Theme Implementation", description: "Bring your vision to life with custom themed decorations. Whether romantic, elegant, modern, or whimsical, we create cohesive designs that reflect your personal style and celebration theme.", imageSrc: "http://img.b2bpic.net/free-vector/event-planning-concept_1212-321.jpg?_wi=2", imageAlt: "Custom theme decoration"},
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Celebrate?"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
title="Let's Create Your Perfect Celebration"
|
||||
description="Contact us today to discuss your event vision, get a custom quote, and start planning an unforgettable celebration with professional balloon decoration and wedding services."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request Quote", href: "#" },
|
||||
{ text: "View Portfolio", href: "/gallery" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Balloon Decoration", href: "#services" },
|
||||
{ label: "Wedding Planning", href: "#services" },
|
||||
{ label: "Event Decoration", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Event Celebrations. All rights reserved."
|
||||
bottomRightText="Creating unforgettable moments"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user