Files
ab4fe075-e7ac-4f31-91ea-20f…/src/app/page.tsx
2026-05-14 04:39:04 +00:00

186 lines
9.7 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Briefcase, CookingPot, Facebook, Home, Instagram, Lightbulb, MessageCircle, Palette, Star, ThumbsUp } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Gallery", id: "portfolio" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Prism Interiors"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Luxury Interiors in Prism"
description="Crafting bespoke living spaces with elegance, precision, and timeless design. Your vision, our expertise."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-gold-coffee-table_123827-23877.jpg?_wi=1", imageAlt: "Luxury Interior Design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg?_wi=1", imageAlt: "Modular Kitchen" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg?_wi=1", imageAlt: "Office Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lamps_1339-1739.jpg?_wi=1", imageAlt: "Modern Ceiling" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361926.jpg", imageAlt: "Custom Furniture" },
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Design Excellence Defined"
description="We specialize in creating sophisticated interiors for homes and offices in Andhra Pradesh, blending tradition with modern luxury."
subdescription="With a focus on detail, we transform your space into a reflection of your personality and style."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797715.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ icon: Home, title: "Full Interior Design", description: "Customized end-to-end design solutions." },
{ icon: CookingPot, title: "Modular Kitchens", description: "Efficient and elegant kitchen designs." },
{ icon: Lightbulb, title: "False Ceilings", description: "Sophisticated lighting and design layouts." },
{ icon: Briefcase, title: "Office Interiors", description: "Professional spaces designed for comfort." },
{ icon: Star, title: "Custom Furniture", description: "Tailor-made pieces for your home." },
{ icon: Palette, title: "Space Planning", description: "Optimized layouts for every square foot." },
]}
title="Our Expert Services"
description="Premium solutions for every corner of your property."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Luxury Living Room", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/elegant-pink-dining-room-with-modern-furniture-decor_23-2151982514.jpg" },
{ id: "2", name: "Modular Modern Kitchen", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg" },
{ id: "3", name: "Corporate Workspace", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/empty-flat-interrior-with-elements-decoration_1303-23909.jpg" },
{ id: "4", name: "Master Suite Bedroom", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-with-elegant-bed-stylish-interior-neutral-warm-tones_169016-72752.jpg" },
{ id: "5", name: "Custom Dining Suite", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361918.jpg" },
{ id: "6", name: "Designer Ceiling Work", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/lamp-interior-ceiling-royal-light_1203-4884.jpg" },
]}
title="Our Portfolio"
description="A glimpse of the luxury spaces we have crafted."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "5.0", title: "Star Rating", description: "Average client review score", icon: Star },
{ id: "m2", value: "60+", title: "Happy Reviews", description: "Satisfied client experiences", icon: ThumbsUp },
{ id: "m3", value: "500+", title: "Projects Done", description: "Completed interior transformations", icon: Award },
]}
title="Trusted by Many"
description="Quality service that earns us top ratings across the region."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Anil Kumar", handle: "Prism Resident", testimonial: "Good Quality Work, Excellent Design Creative Thoughts.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407639.jpg" },
{ id: "2", name: "Priya Reddy", handle: "Homeowner", testimonial: "Nice designs, well done Surendra Sir and Kalyani Mam.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-gold-coffee-table_123827-23877.jpg?_wi=2" },
{ id: "3", name: "Suresh Babu", handle: "Client", testimonial: "Extremely happy with the custom furniture work and timely delivery.", imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg?_wi=2" },
{ id: "4", name: "Kiran Rao", handle: "Office Client", testimonial: "Professional approach and elegant design execution.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg?_wi=2" },
{ id: "5", name: "Venkata Lakshmi", handle: "Homeowner", testimonial: "Best interior service in Prism area, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lamps_1339-1739.jpg?_wi=2" },
]}
title="What Clients Say"
description="Hear from those who transformed their homes with us."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How long does a project take?", content: "Project timelines vary depending on scope, typically 4-8 weeks." },
{ id: "f2", title: "Do you offer consultations?", content: "Yes, we provide site visits and initial design consultations." },
{ id: "f3", title: "What areas do you serve?", content: "We primarily serve Prism and the surrounding Andhra Pradesh region." },
]}
title="Common Queries"
description="Answers to questions about our design process."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Let's Design Your Dream Space"
description="Contact us today for a free design consultation. WhatsApp or visit us in Prism."
imageSrc="http://img.b2bpic.net/free-photo/top-view-vacuum-cleaner-with-smartphone-clipboard_23-2148779304.jpg"
mediaAnimation="blur-reveal"
buttonText="Send Inquiry"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Prism Interiors"
copyrightText="© 2025 Prism Interiors Studio"
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}