Merge version_1 into main #3
219
src/app/page.tsx
219
src/app/page.tsx
@@ -7,7 +7,6 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -16,133 +15,50 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Showroom"
|
||||
button={{
|
||||
text: "Call 030 280 4009",
|
||||
href: "tel:+233302804009",
|
||||
}}
|
||||
text: "Call 030 280 4009", href: "tel:+233302804009"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevated Showroom Experience"
|
||||
description="Discover premium quality and unparalleled service in the heart of the city."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=1",
|
||||
imageAlt: "Showroom view 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=2",
|
||||
imageAlt: "Showroom view 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=3",
|
||||
imageAlt: "Showroom view 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=4",
|
||||
imageAlt: "Showroom view 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=5",
|
||||
imageAlt: "Showroom view 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom view 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom view 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom view 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom view 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom view 5" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=6",
|
||||
imageAlt: "Showroom detail 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=7",
|
||||
imageAlt: "Showroom detail 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=8",
|
||||
imageAlt: "Showroom detail 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=9",
|
||||
imageAlt: "Showroom detail 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg?_wi=10",
|
||||
imageAlt: "Showroom detail 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 030 280 4009",
|
||||
href: "tel:+233302804009",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-sitting-speaking-with-male-colleagues-office-explaining-progress-business_482257-136338.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-sitting-speaking-with-male-colleagues-office-explaining-progress-business_482257-136338.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-sitting-speaking-with-male-colleagues-office-explaining-progress-business_482257-136338.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-sitting-speaking-with-male-colleagues-office-explaining-progress-business_482257-136338.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-sitting-speaking-with-male-colleagues-office-explaining-progress-business_482257-136338.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Designs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Luxury",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom detail 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom detail 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom detail 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom detail 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg", imageAlt: "Showroom detail 5" }
|
||||
]}
|
||||
buttons={[{ text: "Call 030 280 4009", href: "tel:+233302804009" }]}
|
||||
marqueeItems={[{ type: "text", text: "Premium Quality" }, { type: "text", text: "Expert Service" }, { type: "text", text: "Exclusive Designs" }, { type: "text", text: "Timeless Elegance" }, { type: "text", text: "Modern Luxury" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,18 +69,9 @@ export default function LandingPage() {
|
||||
title="Redefining Quality"
|
||||
description="We specialize in curating the finest selection with a commitment to excellence that lasts a lifetime."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Consult with our team.",
|
||||
},
|
||||
{
|
||||
title: "Premium Selection",
|
||||
description: "Handpicked for elegance.",
|
||||
},
|
||||
{
|
||||
title: "Trusted Service",
|
||||
description: "Your satisfaction is key.",
|
||||
},
|
||||
{ title: "Expert Guidance", description: "Consult with our team." },
|
||||
{ title: "Premium Selection", description: "Handpicked for elegance." },
|
||||
{ title: "Trusted Service", description: "Your satisfaction is key." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-woman-sitting-speaking-with-male-colleagues-office-explaining-progress-business_482257-136338.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -177,64 +84,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Craftsmanship",
|
||||
author: "Quality Assurance",
|
||||
description: "Meticulously curated quality.",
|
||||
tags: [
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-fabric_23-2151113128.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Elegant Space",
|
||||
author: "Interior Design",
|
||||
description: "Designed for inspiration.",
|
||||
tags: [
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047508.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Client First",
|
||||
author: "Service Excellence",
|
||||
description: "Dedicated customer support.",
|
||||
tags: [
|
||||
"Support",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288220.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Craftsmanship", author: "Quality Assurance", description: "Meticulously curated quality.", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-fabric_23-2151113128.jpg" },
|
||||
{ id: "f2", title: "Elegant Space", author: "Interior Design", description: "Designed for inspiration.", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047508.jpg" },
|
||||
{ id: "f3", title: "Client First", author: "Service Excellence", description: "Dedicated customer support.", tags: ["Support"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288220.jpg" }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="The benchmark for premium showroom experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We are proud to collaborate with top-tier partners across the globe."
|
||||
names={[
|
||||
"Luxe Living",
|
||||
"Urban Design Co.",
|
||||
"Modern Aesthetics",
|
||||
"Elite Interiors",
|
||||
"City Space Corp.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Visit Our Showroom"
|
||||
description="Experience excellence in person at our local showroom. Tap to call or get directions today."
|
||||
@@ -248,24 +110,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 030 280 4009",
|
||||
href: "tel:+233302804009",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "Call: 030 280 4009", href: "tel:+233302804009" }, { label: "Visit Us", href: "#contact" }] }]}
|
||||
logoText="Showroom"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user