Files
074d3e9e-4a07-4d5c-b1aa-df6…/src/app/page.tsx
2026-02-16 15:05:58 +00:00

217 lines
10 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { CheckCircle, Clock, DollarSign, Heart, Phone, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Angelica's Party Rentals"
navItems={[
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why-us" },
{ name: "Reviews", id: "reviews" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Call Now", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Angelica's Party Rentals"
description="Easy party equipment rentals with reliable delivery & pickup in Asheboro, NC."
buttons={[
{ text: "Call Now (336) 301-2741", href: "contact" },
{ text: "Request a Quote", href: "contact" }
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
imageSrc="https://img.b2bpic.net/free-photo/smiled-wedding-couple-with-best-friends-are-drinking-champagne-outdoors-smiling_8353-11162.jpg"
imageAlt="Beautiful party event setup with rentals"
mediaAnimation="blur-reveal"
frameStyle="card"
ariaLabel="Hero section - Angelica's Party Rentals"
/>
</div>
<div id="services" data-section="services">
<FeatureCardMedia
title="Our Rental Services"
description="Wide variety of party and event equipment."
tag="Services"
features={[
{
id: "chairs", title: "Chair Rentals", description: "Premium seating options for any event.", tag: "Available", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-white-chairs-guests-wedding-ceremony_181624-26520.jpg", imageAlt: "Professional chair rentals"
},
{
id: "tables", title: "Table Rentals", description: "Durable tables for dining and display.", tag: "Available", imageSrc: "https://img.b2bpic.net/free-photo/brown-chiavari-chairs-hand-fans-outdoors-grass_8353-10871.jpg", imageAlt: "Event table rentals"
},
{
id: "canopies", title: "Canopy Rentals", description: "Weather protection for outdoor events.", tag: "Available", imageSrc: "https://img.b2bpic.net/free-photo/tables-with-different-delicious-food-staying-garden_132075-9452.jpg", imageAlt: "White canopy tent setup"
},
{
id: "special", title: "Special Event Equipment", description: "Decorative options for special occasions.", tag: "Available", imageSrc: "https://img.b2bpic.net/free-photo/festive-table-restaurant-is-decorated-with-candles-flowers_8353-9968.jpg", imageAlt: "Elegant special event setup"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="why-us" data-section="why-us">
<SplitAbout
title="Why Choose Angelica's Party Rentals"
description="Locally trusted with years of experience making events special."
tag="Local Trusted"
tagAnimation="slide-up"
bulletPoints={[
{
title: "Friendly Service", description: "Exceptional customer care is our priority.", icon: Heart
},
{
title: "On-Time Delivery", description: "Reliable service you can count on.", icon: Clock
},
{
title: "Fair Pricing", description: "Competitive rates without compromising quality.", icon: DollarSign
},
{
title: "Locally Trusted", description: "4.5-star rated with satisfied customers.", icon: Star
},
{
title: "Easy Booking", description: "Quick quotes and flexible scheduling.", icon: CheckCircle
}
]}
imageSrc="https://img.b2bpic.net/free-photo/i-wouldn-t-have-succeeded-without-your-support_637285-9621.jpg"
imageAlt="Happy customers enjoying their event"
mediaAnimation="blur-reveal"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTen
title="What Our Customers Say"
description="Real reviews from satisfied families and event planners."
tag="Reviews"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Delivered On Time", quote: "Professional and reliable team. Highly recommend!", name: "Maria Garcia", role: "Event Coordinator", imageSrc: "https://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Maria Garcia testimonial"
},
{
id: "2", title: "Super Nice Owners", quote: "Friendly and helpful team. Best experience ever!", name: "Carlos Rodriguez", role: "Parent", imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Carlos Rodriguez testimonial"
},
{
id: "3", title: "Best Prices", quote: "Best value with quality equipment and fair pricing.", name: "Jennifer Thompson", role: "Party Planner", imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Jennifer Thompson testimonial"
},
{
id: "4", title: "Fast & Flexible", quote: "Accommodating team that squeezed us in last minute.", name: "David Lee", role: "Homeowner", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "David Lee testimonial"
}
]}
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<MetricCardFourteen
title="Simple 3-Step Process"
tag="How It Works"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "Step 1", description: "Browse rentals and mix and match for your event."
},
{
id: "2", value: "Step 2", description: "Get fast pricing with no hidden fees."
},
{
id: "3", value: "Step 3", description: "We deliver and pick up on time."
}
]}
useInvertedBackground={false}
metricsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get Started"
title="Ready to Book Your Rentals?"
description="Call us now or request a quote."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7542.jpg"
imageAlt="Contact us for party rental quotes"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Request Quote"
termsText="We respect your privacy and will respond within 24 hours."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Angelica's Party Rentals"
copyrightText="© 2025 Angelica's Party Rentals. All rights reserved. Serving Asheboro, NC and surrounding areas."
columns={[
{
title: "Contact", items: [
{ label: "Phone: (336) 301-2741", href: "#" },
{ label: "Asheboro, NC", href: "#" }
]
},
{
title: "Services", items: [
{ label: "Chair Rentals", href: "services" },
{ label: "Table Rentals", href: "services" },
{ label: "Canopy Rentals", href: "services" },
{ label: "Special Events", href: "services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "why-us" },
{ label: "Reviews", href: "reviews" },
{ label: "How It Works", href: "how-it-works" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}