Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -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" }}
|
||||
buttons={[{ text: "Book Strategy Session", href: "https://wa.me/1234567890" }]}
|
||||
/>
|
||||
</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,14 +180,14 @@ 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"
|
||||
buttons={[{ text: "WhatsApp Support", href: "https://wa.me/1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -286,42 +196,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 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user