Merge version_2 into main #1
324
src/app/page.tsx
324
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ShieldCheck, Award, Zap } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
@@ -15,262 +16,91 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ALLDECOR"
|
||||
button={{
|
||||
text: "Callback",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Solutions", id: "projects" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SOLAR PULSE"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Defining Elite Interiors."
|
||||
description="At ALLDECOR, we fuse sophisticated minimalism with timeless architectural precision. Transform your space into an expression of quiet opulence."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-authentic-dining-room-interior-design_53876-129844.jpg",
|
||||
imageAlt: "Luxury Penthouse Living",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
|
||||
imageAlt: "Modern Executive Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160174.jpg",
|
||||
imageAlt: "Minimalist Master Suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp-wood-decor-loft-style_105762-2261.jpg",
|
||||
imageAlt: "Penthouse Lounge Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg",
|
||||
imageAlt: "Modern Office Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg",
|
||||
imageAlt: "Minimalist Architecture Detail",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Jodhpur ki Dhoop se Banaiye Muft Bijli"
|
||||
description="Harness the power of the sun with Solar Pulse Jodhpur. Sustainable, efficient, and cost-effective solar energy solutions for your home and business."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/solar-panels-field-blue-sky-sunny-day_392895-36474.jpg", imageAlt: "Solar panel farm in Jodhpur" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/solar-panels-roof-residential-house_23-2148784742.jpg", imageAlt: "Residential solar installation" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/solar-farm-aerial-view_23-2148857418.jpg", imageAlt: "Commercial solar park" }
|
||||
]}
|
||||
buttons={[{ text: "Check Your Monthly Savings", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Penthouse Residency",
|
||||
price: "Architectural Design",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-young-woman-home-portrait_624325-3379.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Corporate Lobby",
|
||||
price: "Space Planning",
|
||||
variant: "Office",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minimalist Manor",
|
||||
price: "Full Turnkey",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17689.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Contemporary Office Suite",
|
||||
price: "Spatial Design",
|
||||
variant: "Office",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-sitting-near-coffee-while-work-with-laptops_171337-16865.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gold Coast Villa",
|
||||
price: "Custom Interior",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Executive Creative Hub",
|
||||
price: "Commercial Build",
|
||||
variant: "Office",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg",
|
||||
},
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="Explore our curated collection of luxury residential projects and premium commercial spaces designed to inspire."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
title="Our Solar Solutions"
|
||||
description="Tailored systems designed for maximum energy output and long-term savings."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Residential Kits", price: "Custom Sized", variant: "Roof-mount", imageSrc: "https://img.b2bpic.net/free-photo/house-with-solar-panels-roof_1150-13674.jpg" },
|
||||
{ id: "2", name: "Commercial Parks", price: "Turnkey EPC", variant: "Ground-mount", imageSrc: "https://img.b2bpic.net/free-photo/solar-energy-plant_1150-25983.jpg" },
|
||||
{ id: "3", name: "Hybrid Storage", price: "Battery Backed", variant: "Energy Security", imageSrc: "https://img.b2bpic.net/free-photo/energy-storage-system_1150-24567.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unrivaled Attention to Detail"
|
||||
description="ALLDECOR brings together a team of world-class architects and interior designers committed to perfection. We don't just decorate spaces—we architect experiences."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160189.jpg"
|
||||
imageAlt="Elite design process"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Trust in Excellence"
|
||||
tag="Certification"
|
||||
metrics={[
|
||||
{ id: "1", value: "25", description: "Years Warranty" },
|
||||
{ id: "2", value: "Govt.", description: "Approved Systems" },
|
||||
{ id: "3", value: "Rapid", description: "Fast Installation" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "120+",
|
||||
description: "Luxury Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "60+",
|
||||
description: "Five-Star Client Testimonials",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15",
|
||||
description: "Countries Served Globally",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get Started"
|
||||
title="Switch to Solar Today"
|
||||
description="Join the green revolution in Jodhpur. Get a free consultation and estimate for your property."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/young-man-installing-solar-panels_1150-14567.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arthur Sterling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Eleanor Vane",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-choosing-materials_1163-1440.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian & Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Isabella Croft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="60+ Five-Star Client Testimonials"
|
||||
cardTag="Authority"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we start our consultation?",
|
||||
content: "Schedule your initial callback through our platform for a detailed discovery session.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What project timeline to expect?",
|
||||
content: "Timeline varies by scope but ranges from 6 to 18 months for comprehensive transformations.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle procurement?",
|
||||
content: "Yes, we manage full procurement, logistics, and onsite installation for all custom furniture.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your inquiries regarding our luxury design process and services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Request a Personal Callback"
|
||||
description="Ready to redefine your environment? Connect with our team of elite design consultants today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ALLDECOR"
|
||||
copyrightText="© 2025 ALLDECOR Luxury Design. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SOLAR PULSE"
|
||||
copyrightText="© 2025 Solar Pulse Jodhpur. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c5a059;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #FFD700;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #1c1c1c;
|
||||
--secondary-cta-text: #c5a059;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #f4f4f4;
|
||||
--accent: #00BFFF;
|
||||
--background-accent: #B0C4DE;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user