16 Commits

Author SHA1 Message Date
fe1091ec46 Merge version_5 into main
Merge version_5 into main
2026-05-06 15:32:45 +00:00
5a08f2ef45 Update src/app/page.tsx 2026-05-06 15:32:42 +00:00
c30f8cc972 Merge version_5 into main
Merge version_5 into main
2026-05-06 15:32:13 +00:00
350929055a Update src/app/page.tsx 2026-05-06 15:32:09 +00:00
c8e8de607a Merge version_4 into main
Merge version_4 into main
2026-05-06 15:28:21 +00:00
2130448c5e Update src/app/page.tsx 2026-05-06 15:28:18 +00:00
55c2407d9e Merge version_4 into main
Merge version_4 into main
2026-05-06 15:27:52 +00:00
12c74f6dba Update src/app/page.tsx 2026-05-06 15:27:49 +00:00
af327f3cf4 Merge version_4 into main
Merge version_4 into main
2026-05-06 15:27:19 +00:00
0292e21593 Update src/app/page.tsx 2026-05-06 15:27:16 +00:00
27876c9264 Merge version_3 into main
Merge version_3 into main
2026-05-06 15:25:19 +00:00
7e76c343b9 Merge version_2 into main
Merge version_2 into main
2026-05-06 15:25:16 +00:00
030b0579b2 Update theme colors 2026-05-06 15:25:16 +00:00
1d4bff016c Merge version_1 into main
Merge version_1 into main
2026-05-06 15:24:25 +00:00
b8520ffbc6 Merge version_1 into main
Merge version_1 into main
2026-05-06 15:24:00 +00:00
516d20c63b Merge version_1 into main
Merge version_1 into main
2026-05-06 15:18:21 +00:00

View File

@@ -3,16 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Shield } from "lucide-react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() {
return (
@@ -29,415 +27,109 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Collection",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="GlassMansion"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Menu", id: "products" },
{ name: "Reviews", id: "testimonial" },
{ name: "Contact", id: "contact" },
]}
brandName="Oumlaid"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Where Automotive Art Meets Architecture"
description="Experience the intersection of high-performance car design and the serenity of modern glass mansions. Bespoke living for the discerning driver."
testimonials={[
{
name: "Julian V.",
handle: "@julianv",
testimonial: "The seamless integration of my supercar into my living space is purely transformative.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-light-blue-interior-car-including-seats-steering-wheel_181624-12623.jpg?_wi=1",
imageAlt: "luxury mansion interior car atrium",
},
{
name: "Elena S.",
handle: "@elenas",
testimonial: "The architectural design philosophy is simply unparalleled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010497.jpg?_wi=1",
imageAlt: "luxury mansion interior car atrium",
},
{
name: "Marcus T.",
handle: "@marcust",
testimonial: "Exceptional vision and execution. A dream for every collector.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/country-style-concept-bearded-male-sunglasses-dressed-brown-leather-jacket-driving-retro-car_613910-20460.jpg?_wi=1",
imageAlt: "luxury mansion interior car atrium",
},
{
name: "Sophia L.",
handle: "@sophial",
testimonial: "My cars have never looked more at home than in this glass atrium.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-posing-outdoors_23-2149462161.jpg?_wi=1",
imageAlt: "luxury mansion interior car atrium",
},
{
name: "David W.",
handle: "@davidw",
testimonial: "The attention to detail in climate and display is incredible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941534.jpg?_wi=1",
imageAlt: "luxury mansion interior car atrium",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-light-blue-interior-car-including-seats-steering-wheel_181624-12623.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-white-shirt-trousers-fashion-male-posing-street-near-embankment-europe-park-city-sunsetin-sunglasses_158538-22364.jpg",
alt: "Handsome confident stylish hipster lambersexual model",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-sunglasses_158538-21202.jpg",
alt: "Portrait of handsome smiling stylish hipster lambersexual model",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22424.jpg",
alt: "Portrait of handsome confident stylish hipster lambersexual model",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-businessman-looking-camera_23-2147876753.jpg",
alt: "Portrait of a businessman looking at camera",
},
{
src: "http://img.b2bpic.net/free-photo/serious-bearded-young-businessman-standing-with-arms-crossed_171337-19290.jpg",
alt: "Serious bearded young businessman standing with arms crossed",
},
]}
marqueeItems={[
{
type: "text",
text: "Ultra-Modern Luxury",
},
{
type: "text",
text: "Automotive Architecture",
},
{
type: "text",
text: "Bespoke Climate Control",
},
{
type: "text",
text: "Seamless Integration",
},
{
type: "text",
text: "Collector Approved",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Oumlaid Patisserie Traiteur"
description="Authentic artisanal pastry and gourmet catering services in the heart of Taroudant."
background={{ variant: "gradient-bars" }}
mediaItems={[
{ imageSrc: "https://img.b2bpic.net/free-photo/delicious-tarts-with-fruits_23-2148703178.jpg" },
{ imageSrc: "https://img.b2bpic.net/free-photo/gourmet-catering-table-spread_23-2149135745.jpg" },
{ imageSrc: "https://img.b2bpic.net/free-photo/elegant-pastry-display_23-2151010497.jpg" }
]}
buttons={[{ text: "Discover our menu", href: "#products" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Philosophy"
title="Refining the Art of Display"
description="We specialize in crafting bespoke glass environments that blur the line between automotive art and residential design."
subdescription="Every project is meticulously tailored to the aesthetic and technical requirements of your high-performance vehicle collection."
icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010497.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Crafting Sweet Moments" }]}
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"No heat buildup in car interiors",
"No obstruction of structural views",
"Minimal maintenance required",
"Zero moisture infiltration",
"Quiet interior environment",
],
}}
positiveCard={{
items: [
"Climate-controlled atrium",
"UV-protected architectural glass",
"Acoustic dampening integration",
"Smart lighting synchronization",
"Structural steel reinforcements",
],
}}
title="Unmatched Precision"
description="Engineered for longevity and elegance, our glass houses feature state-of-the-art climate control and structural transparency."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
title="Our Services"
description="From exquisite daily pastries to full-scale event catering."
features={[
{ title: "Take-away", description: "Freshly baked daily in Taroudant.", imageSrc: "https://img.b2bpic.net/free-photo/takeaway-coffee-pastry_23-2148703178.jpg" },
{ title: "Delivery", description: "Bringing our flavors to your doorstep.", imageSrc: "https://img.b2bpic.net/free-photo/delivery-service_23-2148703178.jpg" },
{ title: "Catering", description: "Professional events and gatherings.", imageSrc: "https://img.b2bpic.net/free-photo/catering-setup_23-2148703178.jpg" }
]}
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Grand Touring Sedan",
price: "From $120k",
imageSrc: "http://img.b2bpic.net/free-photo/look-from-white-car-white-house_8353-1201.jpg",
},
{
id: "2",
name: "Performance Coupe",
price: "From $180k",
imageSrc: "http://img.b2bpic.net/free-photo/successful-arab-man-wear-striped-shirt-sunglasses-pose-near-his-white-suv-car-stylish-arabian-men-transport_627829-4283.jpg",
},
{
id: "3",
name: "Luxury SUV",
price: "From $140k",
imageSrc: "http://img.b2bpic.net/free-photo/old-parked-car-with-backlights_23-2148703178.jpg",
},
{
id: "4",
name: "Compact Roadster",
price: "From $95k",
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636243.jpg",
},
{
id: "5",
name: "Vintage Collector",
price: "From $250k",
imageSrc: "http://img.b2bpic.net/free-photo/mall-with-door-closed_53876-95130.jpg",
},
{
id: "6",
name: "Electric Future",
price: "From $160k",
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35458.jpg",
},
]}
title="Exquisite Collections"
description="Curated automotive excellence for your sanctuary."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Our Menu"
description="A selection of traditional and contemporary delights."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
products={[
{ id: "1", name: "Traditional Moroccan Pastries", brand: "Oumlaid", price: "Varied", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/moroccan-sweets_23-2148703178.jpg" },
{ id: "2", name: "Artisan Cakes", brand: "Oumlaid", price: "Varied", rating: 5, reviewCount: "85", imageSrc: "https://img.b2bpic.net/free-photo/cakes_23-2148703178.jpg" },
{ id: "3", name: "Gourmet Sandwiches", brand: "Oumlaid", price: "Varied", rating: 4, reviewCount: "45", imageSrc: "https://img.b2bpic.net/free-photo/sandwich_23-2148703178.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "250+",
description: "Custom Projects Delivered",
},
{
id: "2",
value: "99.9%",
description: "Client Satisfaction Rating",
},
{
id: "3",
value: "12+",
description: "Years of Excellence",
},
{
id: "4",
value: "500+",
description: "Supercars Housed",
},
]}
title="By The Numbers"
description="Excellence defined through our track record."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
title="Customer Reviews"
description="What our community in Taroudant thinks about us."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
kpiItems={[{ value: "500+", label: "Happy Clients" }, { value: "10+", label: "Years of Passion" }, { value: "4.9/5", label: "Average Rating" }]}
testimonials={[{ id: "1", name: "Amine K.", role: "Local Resident", company: "Taroudant", rating: 5, imageSrc: "https://i.pravatar.cc/150?u=amine" }]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Julian V.",
date: "Jan 2024",
title: "Car Collector",
quote: "The seamless integration of my supercar into my living space is purely transformative.",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-sunglasses_158538-21206.jpg",
tag: "Elite",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-light-blue-interior-car-including-seats-steering-wheel_181624-12623.jpg?_wi=3",
imageAlt: "luxury lifestyle successful person",
},
{
id: "2",
name: "Elena S.",
date: "Dec 2023",
title: "Interior Designer",
quote: "The architectural design philosophy is simply unparalleled.",
avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666485.jpg",
tag: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010497.jpg?_wi=3",
imageAlt: "luxury lifestyle successful person",
},
{
id: "3",
name: "Marcus T.",
date: "Nov 2023",
title: "Architect",
quote: "Exceptional vision and execution. A dream for every collector.",
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-mobile-phone-leaning-wall_657883-756.jpg",
tag: "Vision",
imageSrc: "http://img.b2bpic.net/free-photo/country-style-concept-bearded-male-sunglasses-dressed-brown-leather-jacket-driving-retro-car_613910-20460.jpg?_wi=2",
imageAlt: "luxury lifestyle successful person",
},
{
id: "4",
name: "Sophia L.",
date: "Oct 2023",
title: "Car Buyer",
quote: "My cars have never looked more at home than in this glass atrium.",
avatarSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22386.jpg",
tag: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-posing-outdoors_23-2149462161.jpg?_wi=2",
imageAlt: "luxury lifestyle successful person",
},
{
id: "5",
name: "David W.",
date: "Sep 2023",
title: "Broker",
quote: "The attention to detail in climate and display is incredible.",
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-mobile-phone_23-2148018655.jpg",
tag: "Industry",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941534.jpg?_wi=2",
imageAlt: "luxury lifestyle successful person",
},
]}
title="Voices of Luxury"
description="What our clients are saying about their glass mansion experiences."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Business Hours & Info"
description="Find out more about our services."
faqs={[{ id: "1", title: "Working Hours", content: "Daily: 8:00 AM - 9:00 PM" }, { id: "2", title: "Location", content: "Center of Taroudant, Morocco." }]}
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do you maintain climate control?",
content: "Our integrated HVAC systems are tailored to automotive storage requirements, ensuring consistent temperature and humidity.",
},
{
id: "2",
title: "Can you design for any vehicle size?",
content: "Yes, our modular architectural systems are fully customizable for everything from vintage coupes to large SUVs.",
},
{
id: "3",
title: "How long is the design process?",
content: "Custom projects typically take 4-6 months from initial consultation to final installation.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Place your order or book your catering event."
useInvertedBackground={false}
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Masterpiece"
description="Ready to design your own glass mansion garage? Reach out for a consultation."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
]}
textarea={{
name: "message",
placeholder: "Describe your vision...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "GlassMansion",
items: [
{
label: "About",
href: "#about",
},
{
label: "Collection",
href: "#products",
},
],
},
{
title: "Services",
items: [
{
label: "Bespoke Design",
href: "#",
},
{
label: "Consultation",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 GlassMansion. All rights reserved."
bottomRightText="Driven by Excellence."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Oumlaid Patisserie"
leftLink={{ text: "Privacy Policy" }}
rightLink={{ text: "Contact" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);