Merge version_2 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Diamond } from "lucide-react";
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Diamond, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,228 +29,91 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Heritage",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Bespoke Service",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Heritage", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tivoli"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
<HeroPersonalLinks
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Tivoli: The Pinnacle of Qatari Luxury."
|
||||
description="Where artisanal heritage meets modern design. Immerse yourself in a world of bespoke, high-fidelity furniture crafted for the discerning connoisseur."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-dining-room-living-room-with-luxury-decor_105762-2251.jpg",
|
||||
imageAlt: "Luxury living room in Doha",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-glasses_1203-1742.jpg",
|
||||
imageAlt: "Sleek dining furniture",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-double-bed-generative-ai_188544-32267.jpg",
|
||||
imageAlt: "Opulent bedroom suite",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-unrealistic-hanging-chandelier_8353-10602.jpg",
|
||||
imageAlt: "Velvet texture detail",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-bible-stand-sun-rays-light-faith_169016-71695.jpg",
|
||||
imageAlt: "Modern lounge area",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862166.jpg",
|
||||
imageAlt: "Showroom lighting",
|
||||
},
|
||||
linkCards={[
|
||||
{ title: "3D Customization", description: "Interact and customize your pieces.", button: { text: "Configure", href: "#products" } },
|
||||
{ title: "Our Heritage", description: "The story of Qatari artisanal design.", button: { text: "Read More", href: "#about" } },
|
||||
{ title: "Bespoke Service", description: "Private consultations for unique spaces.", button: { text: "Enquire", href: "#contact" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Philosophy"
|
||||
<SplitAbout
|
||||
title="Crafted for Immortality"
|
||||
description="At Tivoli, furniture is not merely a utility—it is a statement. We blend traditional craftsmanship with cutting-edge 3D design to ensure every piece is a work of art."
|
||||
subdescription="With roots deep in Qatar, we bring a level of exclusivity that transforms spaces into sanctuaries."
|
||||
description="We blend traditional craftsmanship with cutting-edge 3D design to ensure every piece is a work of art."
|
||||
bulletPoints={[
|
||||
{ title: "Artisanal Excellence", description: "Masterfully hand-finished." },
|
||||
{ title: "3D Innovation", description: "Digital precision at your fingertips." },
|
||||
{ title: "Exclusive Materials", description: "Only the finest sourced elements." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-table-with-art-tools-colorful-pencils-professional-drawing-concept-art-studio-space-african-american-creative-artist-working-masterpiece-canvas-project_482257-28069.jpg"
|
||||
imageAlt="Artisan working on bespoke furniture"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Diamond}
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
title="Interactive 3D Collections"
|
||||
description="Explore our signature series, where texture meets reality through our advanced 3D interactive viewer."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Emerald Velvet Armchair",
|
||||
price: "14,500 QAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-studio-with-sofa_1048-2935.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Polished Brass Coffee Table",
|
||||
price: "9,200 QAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-bowl_23-2147982605.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Executive Leather Chair",
|
||||
price: "7,800 QAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Linen Sofa",
|
||||
price: "22,000 QAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-studio-with-sofa_1048-2935.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bespoke Bedside Lamp",
|
||||
price: "3,400 QAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Marble Side Table",
|
||||
price: "5,100 QAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-page-pencil-paper-clip-eyeglasses-laptop-white-background_23-2148061432.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Emerald Velvet Armchair", price: "14,500 QAR", imageSrc: "http://img.b2bpic.net/free-photo/modern-studio-with-sofa_1048-2935.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Polished Brass Coffee Table", price: "9,200 QAR", imageSrc: "http://img.b2bpic.net/free-photo/laptop-bowl_23-2147982605.jpg" },
|
||||
{ id: "p3", name: "Executive Leather Chair", price: "7,800 QAR", imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg" }
|
||||
]}
|
||||
title="Immersive Collections"
|
||||
description="Discover our signature series, where texture meets reality through our advanced 3D interactive viewer."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
<TestimonialCardTwo
|
||||
title="Experiences of Elegance"
|
||||
description="Hear what our clients in Qatar say about their bespoke interiors."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Hassan Al-Fayez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-talking-smiling-while-out-with-her-friends_23-2149316814.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Mansoor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Abdullah Bin Zayed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27100.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara Al-Jaber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discontent-young-couple-sitting-couch-surrounded-by-boxes_273609-31639.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mohammed Khouri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2833.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Hassan Al-Fayez", role: "Architect", testimonial: "The 3D customization process was impeccable." },
|
||||
{ id: "t2", name: "Fatima Mansoor", role: "Homeowner", testimonial: "Exquisite craftsmanship and attention to detail." }
|
||||
]}
|
||||
cardTitle="Experiences of Elegance"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquire"
|
||||
<ContactSplitForm
|
||||
title="Curate Your Space"
|
||||
description="Ready to bring Tivoli into your home? Contact our dedicated design consultants for a private viewing or bespoke consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
description="Contact our design consultants to start your bespoke project."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg"
|
||||
logoText="Tivoli Luxury"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Bespoke",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "Catalog" }, { label: "Bespoke" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram" }, { label: "Twitter" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Tivoli | Qatar Luxury Interiors"
|
||||
bottomLeftText="© 2025 Tivoli"
|
||||
bottomRightText="Qatar Luxury Interiors"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user