8 Commits

Author SHA1 Message Date
fce7440dd8 Merge version_2 into main
Merge version_2 into main
2026-04-05 07:00:05 +00:00
18419b6466 Update src/app/page.tsx 2026-04-05 07:00:02 +00:00
1d1cf2ed38 Merge version_2 into main
Merge version_2 into main
2026-04-05 06:59:31 +00:00
779d20c06a Update src/app/page.tsx 2026-04-05 06:59:28 +00:00
5c46323f5b Merge version_2 into main
Merge version_2 into main
2026-04-05 06:58:58 +00:00
f28b9a0a26 Update src/app/styles/variables.css 2026-04-05 06:58:55 +00:00
6b4316ad32 Update src/app/styles/base.css 2026-04-05 06:58:55 +00:00
316e30cc82 Update src/app/page.tsx 2026-04-05 06:58:54 +00:00
3 changed files with 71 additions and 177 deletions

View File

@@ -10,6 +10,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactText from '@/components/sections/contact/ContactText';
export default function LandingPage() {
return (
@@ -30,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="LUXE"
/>
@@ -53,61 +46,41 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Defining Premium Innovation"
description="Experience excellence in every digital interaction with our high-end solutions."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-combination-facial-features_23-2150038581.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/abstract-combination-facial-features_23-2150038581.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/abstract-painting-background_23-2151896341.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/abstract-painting-background_23-2151896341.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17436.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17436.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/young-person-with-small-house_1048-17808.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/young-person-with-small-house_1048-17808.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/rag-dolls-gray-one-blue-front_1156-684.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/rag-dolls-gray-one-blue-front_1156-684.jpg", alt: "User 5"},
]}
avatarText="Trusted by 500+ leaders worldwide"
buttons={[
{
text: "Get Started",
href: "#pricing",
},
text: "Get Started", href: "#pricing"},
{
text: "Chat with us", href: "https://wa.me/1234567890"
}
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Forbes 500 Trusted",
},
type: "text", text: "Forbes 500 Trusted"},
{
type: "text",
text: "Award-Winning UI/UX",
},
type: "text", text: "Award-Winning UI/UX"},
{
type: "text",
text: "24/7 Global Support",
},
type: "text", text: "24/7 Global Support"},
{
type: "text",
text: "99.9% Uptime SLA",
},
type: "text", text: "99.9% Uptime SLA"},
{
type: "text",
text: "Advanced AI Security",
},
type: "text", text: "Advanced AI Security"},
]}
/>
</div>
@@ -117,14 +90,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Crafting Future-Proof Digital Experiences"
description={[
"Our philosophy is rooted in the intersection of design, technology, and strategic thinking.",
"We build digital ecosystems that are not just functional, but transformative.",
]}
"Our philosophy is rooted in the intersection of design, technology, and strategic thinking.", "We build digital ecosystems that are not just functional, but transformative."]}
buttons={[
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
/>
</div>
@@ -136,23 +105,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Advanced Analytics",
description: "Harness the power of data with our advanced AI-driven analytical engine.",
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399282.jpg",
imageAlt: "Feature 1",
},
title: "Advanced Analytics", description: "Harness the power of data with our advanced AI-driven analytical engine.", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399282.jpg", imageAlt: "Feature 1"},
{
title: "Secure Cloud",
description: "Enterprise-grade cloud security built into the very core of your operations.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg",
imageAlt: "Feature 2",
},
title: "Secure Cloud", description: "Enterprise-grade cloud security built into the very core of your operations.", imageSrc: "http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg", imageAlt: "Feature 2"},
{
title: "Seamless Integration",
description: "Effortlessly connect our platform with your existing tech stack in seconds.",
imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-gold-gradient-background_53876-119523.jpg",
imageAlt: "Feature 3",
},
title: "Seamless Integration", description: "Effortlessly connect our platform with your existing tech stack in seconds.", imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-gold-gradient-background_53876-119523.jpg", imageAlt: "Feature 3"},
]}
title="Core Capabilities"
description="Advanced tools for the modern enterprise, designed for scalability and peak performance."
@@ -166,52 +123,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Essential",
price: "$99",
period: "/mo",
description: "Perfect for scaling businesses and startups.",
button: {
text: "Get Started",
},
featuresTitle: "Included features:",
features: [
"10 active projects",
"24/7 Priority Support",
"Advanced Analytics",
],
id: "basic", tag: "Essential", price: "$99", period: "/mo", description: "Perfect for scaling businesses and startups.", button: {
text: "Get Started"},
featuresTitle: "Included features:", features: [
"10 active projects", "24/7 Priority Support", "Advanced Analytics"],
},
{
id: "pro",
tag: "Elite",
price: "$299",
period: "/mo",
description: "The ultimate solution for large-scale operations.",
button: {
text: "Go Elite",
},
featuresTitle: "All basic features, plus:",
features: [
"Unlimited projects",
"Custom integrations",
"Dedicated account manager",
],
id: "pro", tag: "Elite", price: "$299", period: "/mo", description: "The ultimate solution for large-scale operations.", button: {
text: "Go Elite"},
featuresTitle: "All basic features, plus:", features: [
"Unlimited projects", "Custom integrations", "Dedicated account manager"],
},
{
id: "enterprise",
tag: "Scale",
price: "Custom",
period: "/mo",
description: "Comprehensive solutions for global enterprises.",
button: {
text: "Contact Sales",
},
featuresTitle: "Everything in Elite, plus:",
features: [
"Global compliance",
"Custom security",
"SLA support",
],
id: "enterprise", tag: "Scale", price: "Custom", period: "/mo", description: "Comprehensive solutions for global enterprises.", button: {
text: "Contact Sales"},
featuresTitle: "Everything in Elite, plus:", features: [
"Global compliance", "Custom security", "SLA support"],
},
]}
title="Select Your Tier"
@@ -219,6 +146,14 @@ export default function LandingPage() {
/>
</div>
<div id="cta-banner" data-section="cta-banner">
<ContactText
text="Ready to take your business to the next level? Book your strategy session today."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
@@ -226,40 +161,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
handle: "@sarahj",
testimonial: "The best platform we have ever integrated into our workflow. Absolutely seamless.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
},
id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The best platform we have ever integrated into our workflow. Absolutely seamless.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg"},
{
id: "2",
name: "Marcus Chen",
handle: "@mchen",
testimonial: "Premium quality at every level. The support team is incredibly responsive and skilled.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-employee_1098-4075.jpg",
},
id: "2", name: "Marcus Chen", handle: "@mchen", testimonial: "Premium quality at every level. The support team is incredibly responsive and skilled.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-employee_1098-4075.jpg"},
{
id: "3",
name: "Elena Rodriguez",
handle: "@erod",
testimonial: "Transformed our operations in just a month. An indispensable asset to our company.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108765.jpg",
},
id: "3", name: "Elena Rodriguez", handle: "@erod", testimonial: "Transformed our operations in just a month. An indispensable asset to our company.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108765.jpg"},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Unparalleled performance and intuitive design. Everything just works as intended.",
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
},
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Unparalleled performance and intuitive design. Everything just works as intended.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg"},
{
id: "5",
name: "Nina Patel",
handle: "@npatel",
testimonial: "Sophisticated tools that empower our team to achieve more every single day.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-man-sitting-stairs_23-2148230848.jpg",
},
id: "5", name: "Nina Patel", handle: "@npatel", testimonial: "Sophisticated tools that empower our team to achieve more every single day.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-man-sitting-stairs_23-2148230848.jpg"},
]}
title="Voices of Success"
description="Hear what the world's most influential companies say about us."
@@ -270,11 +180,10 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Consultation"
title="Let's Shape Your Future"
description="Get in touch for a premium consultation or custom software proposal."
description="Get in touch for a premium consultation or custom software proposal. Reach out on WhatsApp for instant support."
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-white-shirt-dark-jacket-black-trousers-looking-distance-hall-waiting-daytime-building-job-activity_140725-15228.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -286,42 +195,27 @@ export default function LandingPage() {
logoText="LUXE"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Support", items: [
{
label: "Blog",
href: "#",
},
label: "WhatsApp Support", href: "https://wa.me/1234567890"},
{
label: "Support",
href: "#",
},
label: "Help Center", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
],
},
]}
@@ -330,4 +224,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-nunito), sans-serif;
font-family: var(--font-playfair), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-nunito), sans-serif;
font-family: var(--font-playfair), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #fbf8f5;
--card: #fdfaf7;
--foreground: #4a4440;
--primary-cta: #d4af37;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #f8c8dc;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #f5e6e8;
--background-accent: #efe4d8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);