Merge version_1 into main #1
403
src/app/page.tsx
403
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Calendar, Briefcase, Zap, Users } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -16,289 +17,147 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Unive Media"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Unive Media"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
title="Unive Media (P) Ltd"
|
||||
description="Your premier partner for unforgettable event management and organization in Chandigarh. We turn visions into exceptional experiences."
|
||||
tag="Chandigarh's Finest"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banquet-manager-setting-table-event_23-2148085306.jpg",
|
||||
imageAlt: "Luxurious event venue setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wedding-table-arrangement_23-2149436421.jpg",
|
||||
imageAlt: "Professional gala dinner setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-friends-new-year-s-eve_329181-5666.jpg",
|
||||
imageAlt: "Corporate conference environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vases-with-peonies-table_8353-9964.jpg",
|
||||
imageAlt: "Event logistics and planning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candle-golden-candlestick-wedding-table_8353-9969.jpg",
|
||||
imageAlt: "Stage production overview",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Unive Media (P) Ltd"
|
||||
description="Your premier partner for unforgettable event management and organization in Chandigarh. We turn visions into exceptional experiences."
|
||||
tag="Chandigarh's Finest"
|
||||
buttons={[
|
||||
{ text: "Explore Services", href: "#features" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/banquet-manager-setting-table-event_23-2148085306.jpg", imageAlt: "Luxurious event venue setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wedding-table-arrangement_23-2149436421.jpg", imageAlt: "Professional gala dinner setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-friends-new-year-s-eve_329181-5666.jpg", imageAlt: "Corporate conference environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vases-with-peonies-table_8353-9964.jpg", imageAlt: "Event logistics and planning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/candle-golden-candlestick-wedding-table_8353-9969.jpg", imageAlt: "Stage production overview" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Event Management"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Event Management"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wedding Planning",
|
||||
description: "Creating breathtaking memories for your special day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-manager-using-laptop-banquet-hall_23-2148085313.jpg",
|
||||
buttonIcon: "Calendar",
|
||||
},
|
||||
{
|
||||
title: "Corporate Events",
|
||||
description: "Professional orchestration for conferences and seminars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-chairs-conference-room_181624-14290.jpg",
|
||||
buttonIcon: "Briefcase",
|
||||
},
|
||||
{
|
||||
title: "Stage Production",
|
||||
description: "High-end AV solutions and structural design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/string-light-lines-night-festive_53876-23441.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Logistics Staff",
|
||||
description: "Dedicated teams ensuring seamless operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-guards-professional-service_23-2148404049.jpg",
|
||||
buttonIcon: "Users",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Event Solutions"
|
||||
description="From grand corporate events to intimate celebrations, we handle every detail with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Wedding Planning", description: "Creating breathtaking memories for your special day.", imageSrc: "http://img.b2bpic.net/free-photo/event-manager-using-laptop-banquet-hall_23-2148085313.jpg", buttonIcon: Calendar },
|
||||
{ title: "Corporate Events", description: "Professional orchestration for conferences and seminars.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-chairs-conference-room_181624-14290.jpg", buttonIcon: Briefcase },
|
||||
{ title: "Stage Production", description: "High-end AV solutions and structural design.", imageSrc: "http://img.b2bpic.net/free-photo/string-light-lines-night-festive_53876-23441.jpg", buttonIcon: Zap },
|
||||
{ title: "Logistics Staff", description: "Dedicated teams ensuring seamless operations.", imageSrc: "http://img.b2bpic.net/free-photo/security-guards-professional-service_23-2148404049.jpg", buttonIcon: Users },
|
||||
]}
|
||||
title="Comprehensive Event Solutions"
|
||||
description="From grand corporate events to intimate celebrations, we handle every detail with precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact in Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Events Successfully Orchestrated",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years of Industry Expertise",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact in Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Events Successfully Orchestrated" },
|
||||
{ id: "m2", value: "15+", description: "Years of Industry Expertise" },
|
||||
{ id: "m3", value: "98%", description: "Client Satisfaction Rate" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah.m",
|
||||
testimonial: "Unive Media turned our event into a masterpiece. Chandigarh's best!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajesh Kumar",
|
||||
handle: "@rajeshk",
|
||||
testimonial: "Professional, efficient, and highly creative organization.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
handle: "@emw",
|
||||
testimonial: "Seamless execution from start to finish. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amit Sharma",
|
||||
handle: "@amitsh",
|
||||
testimonial: "They exceeded our expectations for the annual conference.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Deepika Singh",
|
||||
handle: "@dsingh",
|
||||
testimonial: "Perfect wedding planning. Every guest was amazed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Our Success"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="What our clients say about our event management services."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarah.m", testimonial: "Unive Media turned our event into a masterpiece. Chandigarh's best!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg" },
|
||||
{ id: "2", name: "Rajesh Kumar", handle: "@rajeshk", testimonial: "Professional, efficient, and highly creative organization.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg" },
|
||||
{ id: "3", name: "Emily Watson", handle: "@emw", testimonial: "Seamless execution from start to finish. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg" },
|
||||
{ id: "4", name: "Amit Sharma", handle: "@amitsh", testimonial: "They exceeded our expectations for the annual conference.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg" },
|
||||
{ id: "5", name: "Deepika Singh", handle: "@dsingh", testimonial: "Perfect wedding planning. Every guest was amazed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Our Success"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Corporate One",
|
||||
"Global Brand",
|
||||
"Innovate Inc",
|
||||
"Star Events",
|
||||
"Design Hub",
|
||||
"Tech Solutions",
|
||||
"Public Sector",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Collaborating with renowned names to deliver exceptional results."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Corporate One", "Global Brand", "Innovate Inc", "Star Events", "Design Hub", "Tech Solutions", "Public Sector"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Collaborating with renowned names to deliver exceptional results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far in advance should I book?",
|
||||
content: "We recommend booking at least 3-6 months prior for larger events.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide international services?",
|
||||
content: "Currently, we focus primarily on Chandigarh and regional events.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I request a quote?",
|
||||
content: "Simply fill out our contact form, and we will get back to you within 24 hours.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How far in advance should I book?", content: "We recommend booking at least 3-6 months prior for larger events." },
|
||||
{ id: "f2", title: "Do you provide international services?", content: "Currently, we focus primarily on Chandigarh and regional events." },
|
||||
{ id: "f3", title: "How can I request a quote?", content: "Simply fill out our contact form, and we will get back to you within 24 hours." },
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Plan Your Next Event?"
|
||||
description="Contact Unive Media today to discuss your requirements and get a personalized consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Plan Your Next Event?"
|
||||
description="Contact Unive Media today to discuss your requirements and get a personalized consultation."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Unive Media (P) Ltd"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Unive Media (P) Ltd"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user