Update src/app/page.tsx

This commit is contained in:
2026-05-26 12:21:40 +00:00
parent b8bbd74a14
commit ed8ae3935d

View File

@@ -8,9 +8,9 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Camera, Globe, Sparkles } from "lucide-react";
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
export default function LandingPage() {
return (
@@ -31,29 +31,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Trust",
id: "#trust",
},
name: "Trust", id: "#trust"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EGEyFSb1Xn24WGRg9cL8ddWBDK/uploaded-1779797431962-hkf5je4v.jpg"
logoAlt="Eclats Sanctum Logo"
@@ -65,134 +53,74 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Where Luxury Brands Become Legends"
description="We craft bespoke brand strategies & visual narratives that elevate elite brands to billionaire status."
testimonials={[
{
name: "Evelyn Reed",
handle: "@EvelynReedOfficial",
testimonial: "Eclats Sanctum transformed our vision into an unparalleled luxury reality. Truly masterful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg",
imageAlt: "Evelyn Reed portrait",
},
name: "Evelyn Reed", handle: "@EvelynReedOfficial", testimonial: "Eclats Sanctum transformed our vision into an unparalleled luxury reality. Truly masterful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg", imageAlt: "Evelyn Reed portrait"},
{
name: "Julian Vance",
handle: "@JulianVance_Luxury",
testimonial: "Their strategy is not just effective; it's a work of art. Our brand now commands global reverence.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-using-laptop-looking_74855-3251.jpg",
imageAlt: "Julian Vance portrait",
},
name: "Julian Vance", handle: "@JulianVance_Luxury", testimonial: "Their strategy is not just effective; it's a work of art. Our brand now commands global reverence.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-using-laptop-looking_74855-3251.jpg", imageAlt: "Julian Vance portrait"},
{
name: "Seraphina Bleu",
handle: "@SeraphinaBleu",
testimonial: "The visual narratives sculpted by Eclats Sanctum are beyond exquisite. Pure luxury, redefined.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
imageAlt: "Seraphina Bleu portrait",
},
name: "Seraphina Bleu", handle: "@SeraphinaBleu", testimonial: "The visual narratives sculpted by Eclats Sanctum are beyond exquisite. Pure luxury, redefined.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg", imageAlt: "Seraphina Bleu portrait"},
{
name: "Maximilian Sterling",
handle: "@SterlingHoldings",
testimonial: "A strategic partner, not just an agency. Their insights are invaluable for the discerning few.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looks-into-distance_1153-5207.jpg",
imageAlt: "Maximilian Sterling portrait",
},
name: "Maximilian Sterling", handle: "@SterlingHoldings", testimonial: "A strategic partner, not just an agency. Their insights are invaluable for the discerning few.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looks-into-distance_1153-5207.jpg", imageAlt: "Maximilian Sterling portrait"},
{
name: "Isabella Thorne",
handle: "@IsabellaThorneCo",
testimonial: "From concept to execution, a seamless journey into the echelons of elite branding. Superb.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg",
imageAlt: "Isabella Thorne portrait",
},
name: "Isabella Thorne", handle: "@IsabellaThorneCo", testimonial: "From concept to execution, a seamless journey into the echelons of elite branding. Superb.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg", imageAlt: "Isabella Thorne portrait"},
]}
buttons={[
{
text: "Begin Your Transformation",
href: "#contact",
},
text: "Begin Your Transformation", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg",
alt: "Client avatar 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", alt: "Client avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
alt: "Client avatar 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg", alt: "Client avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg",
alt: "Client avatar 3",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg", alt: "Client avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
alt: "Client avatar 4",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", alt: "Client avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
alt: "Confident Asian Man",
},
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Confident Asian Man"},
]}
imageSrc="http://img.b2bpic.net/free-photo/rough-appearance-stains-cement-wall_23-2148413191.jpg"
imageAlt="Abstract luxury background for Eclats Sanctum"
mediaAnimation="opacity"
marqueeItems={[
{
type: "text-icon",
text: "Bespoke Strategies",
icon: Sparkles,
type: "text-icon", text: "Bespoke Strategies", icon: Sparkles,
},
{
type: "text",
text: "Elevating Legacy",
type: "text", text: "Elevating Legacy"},
{
type: "text-icon", text: "Visual Narratives", icon: Camera,
},
{
type: "text-icon",
text: "Visual Narratives",
icon: Camera,
},
type: "text", text: "Unrivaled Expertise"},
{
type: "text",
text: "Unrivaled Expertise",
},
{
type: "text-icon",
text: "Global Presence",
icon: Globe,
type: "text-icon", text: "Global Presence", icon: Globe,
},
]}
/>
</div>
<div id="about" data-section="about">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
<InlineImageSplitTextAbout
useInvertedBackground={false}
team={[
{
id: "founder-you",
name: "Your Name",
role: "Luxury Brand Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man-suit_613910-2543.jpg",
imageAlt: "Portrait of the Luxury Brand Strategist",
},
{
id: "founder-friend",
name: "Friend's Name",
role: "Visual Animation Artist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg",
imageAlt: "Portrait of the Visual Animation Artist",
},
heading={[
{ type: "text", content: "Our Architects of Distinction" },
{ type: "text", content: "Together, we transform ordinary brands into extraordinary luxury empires. Crafting irresistible brand narratives and sculpting immersive visual experiences that define true luxury." },
]}
buttons={[
{
text: "Learn More About Our Approach", href: "#how-we-work"},
]}
title="Our Architects of Distinction"
description="Together, we transform ordinary brands into extraordinary luxury empires. Crafting irresistible brand narratives and sculpting immersive visual experiences that define true luxury."
/>
</div>
@@ -202,23 +130,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Luxury Brand Strategy",
description: "Positioning your brand for the elite clientele through bespoke brand narratives, heritage storytelling, and prestige pricing strategies.",
imageSrc: "http://img.b2bpic.net/free-photo/golden-twirling-lines-dark-backdrop_23-2148055587.jpg",
imageAlt: "Luxury Brand Strategy icon",
},
title: "Luxury Brand Strategy", description: "Positioning your brand for the elite clientele through bespoke brand narratives, heritage storytelling, and prestige pricing strategies.", imageSrc: "http://img.b2bpic.net/free-photo/golden-twirling-lines-dark-backdrop_23-2148055587.jpg", imageAlt: "Luxury Brand Strategy icon"},
{
title: "Visual Animation & Content Creation",
description: "Sculpting immersive visual experiences and 4K luxury reels that whisper opulence, defining your brand's narrative across all premium platforms.",
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg",
imageAlt: "Visual Animation icon",
},
title: "Visual Animation & Content Creation", description: "Sculpting immersive visual experiences and 4K luxury reels that whisper opulence, defining your brand's narrative across all premium platforms.", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg", imageAlt: "Visual Animation icon"},
{
title: "Brand Transformation (Flagship)",
description: "A complete luxury makeover: full brand elevation, international market positioning, and a billionaire-level brand scaling roadmap. From ordinary to extraordinary.",
imageSrc: "http://img.b2bpic.net/free-photo/green-check-mark-gold-circle_84443-94487.jpg",
imageAlt: "Brand Transformation icon",
},
title: "Brand Transformation (Flagship)", description: "A complete luxury makeover: full brand elevation, international market positioning, and a billionaire-level brand scaling roadmap. From ordinary to extraordinary.", imageSrc: "http://img.b2bpic.net/free-photo/green-check-mark-gold-circle_84443-94487.jpg", imageAlt: "Brand Transformation icon"},
]}
title="The Pillars of Elite Brand Elevation"
description="Our bespoke services are meticulously crafted to position your brand for unparalleled success and resonate with the most discerning clientele."
@@ -231,35 +147,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Discovery",
description: "Understanding your vision, existing legacy, and discerning the unique essence that sets your brand apart.",
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-front-side_187299-39499.jpg",
imageAlt: "Discovery icon",
},
title: "Discovery", description: "Understanding your vision, existing legacy, and discerning the unique essence that sets your brand apart.", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-front-side_187299-39499.jpg", imageAlt: "Discovery icon"},
{
title: "Strategy",
description: "Crafting bespoke brand positioning, market narratives, and a meticulously detailed roadmap for elite engagement.",
imageSrc: "http://img.b2bpic.net/free-photo/people-moving-forward-with-arrow-blackboard_84443-94388.jpg",
imageAlt: "Strategy icon",
},
title: "Strategy", description: "Crafting bespoke brand positioning, market narratives, and a meticulously detailed roadmap for elite engagement.", imageSrc: "http://img.b2bpic.net/free-photo/people-moving-forward-with-arrow-blackboard_84443-94388.jpg", imageAlt: "Strategy icon"},
{
title: "Visual Identity",
description: "Designing unforgettable aesthetics, from iconic logos to comprehensive visual systems that exude timeless sophistication.",
imageSrc: "http://img.b2bpic.net/free-photo/paint-brushes-with-brush-stroke-swatches_23-2150351787.jpg",
imageAlt: "Visual Identity icon",
},
title: "Visual Identity", description: "Designing unforgettable aesthetics, from iconic logos to comprehensive visual systems that exude timeless sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/paint-brushes-with-brush-stroke-swatches_23-2150351787.jpg", imageAlt: "Visual Identity icon"},
{
title: "Execution",
description: "Precision-crafted content and campaigns, including 4K visual animations and bespoke storytelling, delivered with uncompromising quality.",
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292800.jpg",
imageAlt: "Execution icon",
},
title: "Execution", description: "Precision-crafted content and campaigns, including 4K visual animations and bespoke storytelling, delivered with uncompromising quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292800.jpg", imageAlt: "Execution icon"},
{
title: "Elevation",
description: "Scaling your brand to international luxury status, ensuring sustained market dominance and an enduring legacy.",
imageSrc: "http://img.b2bpic.net/free-photo/authentication-standing-physician-stylish-icons_1134-904.jpg",
imageAlt: "Elevation icon",
},
title: "Elevation", description: "Scaling your brand to international luxury status, ensuring sustained market dominance and an enduring legacy.", imageSrc: "http://img.b2bpic.net/free-photo/authentication-standing-physician-stylish-icons_1134-904.jpg", imageAlt: "Elevation icon"},
]}
title="The Eclats Sanctum Method"
description="Our disciplined 5-step process ensures a seamless journey from nascent potential to an undeniable global luxury presence."
@@ -274,47 +170,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Eclats Sanctum Logo Design",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/two-smartphones-inside-geometric-neon-frame_187299-46537.jpg",
imageAlt: "Eclats Sanctum logo design",
},
id: "p1", name: "Eclats Sanctum Logo Design", price: "", imageSrc: "http://img.b2bpic.net/free-photo/two-smartphones-inside-geometric-neon-frame_187299-46537.jpg", imageAlt: "Eclats Sanctum logo design"},
{
id: "p2",
name: "Instagram Feed Curation: Luxe Optics",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-laptop-puppet-with-copy-space_23-2148697007.jpg",
imageAlt: "Luxury Instagram feed screenshot",
},
id: "p2", name: "Instagram Feed Curation: Luxe Optics", price: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-laptop-puppet-with-copy-space_23-2148697007.jpg", imageAlt: "Luxury Instagram feed screenshot"},
{
id: "p3",
name: "Instagram Feed Curation: Heritage Visuals",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-shadow_23-2148879032.jpg",
imageAlt: "Luxury Instagram feed example",
},
id: "p3", name: "Instagram Feed Curation: Heritage Visuals", price: "", imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-shadow_23-2148879032.jpg", imageAlt: "Luxury Instagram feed example"},
{
id: "p4",
name: "Bespoke Luxury Reel: Diamond Brand",
price: "",
imageSrc: "http://img.b2bpic.net/free-vector/instagram-stories-templates-with-empty-frame_52683-4457.jpg",
imageAlt: "Sample luxury brand reel screenshot",
},
id: "p4", name: "Bespoke Luxury Reel: Diamond Brand", price: "", imageSrc: "http://img.b2bpic.net/free-vector/instagram-stories-templates-with-empty-frame_52683-4457.jpg", imageAlt: "Sample luxury brand reel screenshot"},
{
id: "p5",
name: "Cinematic Visuals: Haute Couture",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-office-using-ai-software-turning-text-prompt-into-photos_482257-120282.jpg",
imageAlt: "Sample cinematic visual animation",
},
id: "p5", name: "Cinematic Visuals: Haute Couture", price: "", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-office-using-ai-software-turning-text-prompt-into-photos_482257-120282.jpg", imageAlt: "Sample cinematic visual animation"},
{
id: "p6",
name: "Case Study Preview: Artisan Watchmaker",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg",
imageAlt: "Luxury brand case study placeholder",
},
id: "p6", name: "Case Study Preview: Artisan Watchmaker", price: "", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg", imageAlt: "Luxury brand case study placeholder"},
]}
title="Crafting Excellence: A Showcase of Vision"
description="Discover the artistry and strategic brilliance behind our most iconic luxury transformations, from bespoke logos to cinematic visual narratives."
@@ -329,50 +195,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Anya Volkov",
role: "CEO, Lumina Jewels",
company: "Lumina Jewels",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
imageAlt: "Anya Volkov",
},
id: "t1", name: "Anya Volkov", role: "CEO, Lumina Jewels", company: "Lumina Jewels", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg", imageAlt: "Anya Volkov"},
{
id: "t2",
name: "Sebastian Thorne",
role: "Founder, Thorne Estates",
company: "Thorne Estates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg",
imageAlt: "Sebastian Thorne",
},
id: "t2", name: "Sebastian Thorne", role: "Founder, Thorne Estates", company: "Thorne Estates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg", imageAlt: "Sebastian Thorne"},
{
id: "t3",
name: "Gabriella Rossi",
role: "Creative Director, Rossi Atelier",
company: "Rossi Atelier",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
imageAlt: "Gabriella Rossi",
},
id: "t3", name: "Gabriella Rossi", role: "Creative Director, Rossi Atelier", company: "Rossi Atelier", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", imageAlt: "Gabriella Rossi"},
{
id: "t4",
name: "Dr. Kenji Tanaka",
role: "Lead Innovator, Aura Labs",
company: "Aura Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
imageAlt: "Dr. Kenji Tanaka",
},
id: "t4", name: "Dr. Kenji Tanaka", role: "Lead Innovator, Aura Labs", company: "Aura Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", imageAlt: "Dr. Kenji Tanaka"},
{
id: "t5",
name: "Vivienne Dubois",
role: "Art Collector & Patron",
company: "Private Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
imageAlt: "Vivienne Dubois",
},
id: "t5", name: "Vivienne Dubois", role: "Art Collector & Patron", company: "Private Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg", imageAlt: "Vivienne Dubois"},
]}
title="Reserved for the Discerning Few"
description="Our collaborations are by invitation only, available to a select clientele who aspire to definitive luxury and lasting legacy. Testimonials will be added post-engagement."
@@ -383,14 +219,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Your brand deserves elite status. Let's make it legendary. Book a Complimentary Luxury Brand Audit to discuss your vision."
buttons={[
{
text: "Book a Complimentary Luxury Brand Audit",
href: "#",
},
text: "Book a Complimentary Luxury Brand Audit", href: "#"},
]}
/>
</div>
@@ -401,45 +234,27 @@ export default function LandingPage() {
logoText="Eclats Sanctum"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Trust",
href: "#trust",
},
label: "Trust", href: "#trust"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Instagram (@eclatsanctum)",
href: "https://instagram.com/eclatsanctum",
},
label: "Instagram (@eclatsanctum)", href: "https://instagram.com/eclatsanctum"},
{
label: "WhatsApp",
href: "#",
},
label: "WhatsApp", href: "#"},
],
},
]}
@@ -449,4 +264,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}