Update src/app/page.tsx
This commit is contained in:
332
src/app/page.tsx
332
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "#partners",
|
||||
},
|
||||
name: "Partners", id: "#partners"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Echelon Elite"
|
||||
/>
|
||||
@@ -73,54 +57,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Experience Unrivaled Excellence."
|
||||
description="Discover a world where luxury meets innovation. Echelon Elite redefines premium, offering bespoke solutions crafted for the discerning."
|
||||
tag="Welcome"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Portfolio", href: "#products"},
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule a Consultation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-carousel-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-chandelier-couch-with-number-pillows-large-chandelier_188544-27064.jpg",
|
||||
imageAlt: "Luxurious modern interior design",
|
||||
},
|
||||
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-chandelier-couch-with-number-pillows-large-chandelier_188544-27064.jpg", imageAlt: "Luxurious modern interior design"},
|
||||
{
|
||||
id: "hero-carousel-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821269.jpg",
|
||||
imageAlt: "Sleek minimalist kitchen with high-end appliances",
|
||||
},
|
||||
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821269.jpg", imageAlt: "Sleek minimalist kitchen with high-end appliances"},
|
||||
{
|
||||
id: "hero-carousel-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-using-her-phone-before-going-sleep-sleep-mask_482257-30767.jpg",
|
||||
imageAlt: "Elegant master bedroom with soft lighting",
|
||||
},
|
||||
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-using-her-phone-before-going-sleep-sleep-mask_482257-30767.jpg", imageAlt: "Elegant master bedroom with soft lighting"},
|
||||
{
|
||||
id: "hero-carousel-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg",
|
||||
imageAlt: "Sophisticated executive office workspace",
|
||||
},
|
||||
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg", imageAlt: "Sophisticated executive office workspace"},
|
||||
{
|
||||
id: "hero-carousel-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg",
|
||||
imageAlt: "Minimalist luxury bathroom with spa-like ambiance",
|
||||
},
|
||||
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg", imageAlt: "Minimalist luxury bathroom with spa-like ambiance"},
|
||||
{
|
||||
id: "hero-carousel-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/napkin-cutlery-plate-near-glasses-plant_23-2148070687.jpg",
|
||||
imageAlt: "Luxurious dining area with elegant table setting",
|
||||
},
|
||||
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/napkin-cutlery-plate-near-glasses-plant_23-2148070687.jpg", imageAlt: "Luxurious dining area with elegant table setting"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -134,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Craftsmanship",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Years of Craftsmanship", value: "25+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "500+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Innovation Awards",
|
||||
value: "12",
|
||||
},
|
||||
label: "Innovation Awards", value: "12"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -160,19 +115,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Unparalleled Quality",
|
||||
description: "Every product and service is meticulously crafted to the highest standards, ensuring lasting excellence.",
|
||||
},
|
||||
title: "Unparalleled Quality", description: "Every product and service is meticulously crafted to the highest standards, ensuring lasting excellence."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Innovative Design",
|
||||
description: "We blend timeless aesthetics with cutting-edge innovation to create truly unique and functional solutions.",
|
||||
},
|
||||
title: "Innovative Design", description: "We blend timeless aesthetics with cutting-edge innovation to create truly unique and functional solutions."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Personalized Service",
|
||||
description: "Experience bespoke attention and tailored solutions that cater to your individual needs and preferences.",
|
||||
},
|
||||
title: "Personalized Service", description: "Experience bespoke attention and tailored solutions that cater to your individual needs and preferences."},
|
||||
]}
|
||||
title="Key Attributes of Distinction"
|
||||
description="Echelon Elite stands out with unparalleled quality, innovative design, and personalized service, defining the pinnacle of luxury."
|
||||
@@ -187,47 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Echelon Chronometer",
|
||||
price: "$12,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-shows-exclusive-men-s-wristwatch-from-new-collection-luxury-jewelry-store_613910-20935.jpg",
|
||||
imageAlt: "Luxury Echelon Chronometer watch",
|
||||
},
|
||||
id: "p1", name: "Echelon Chronometer", price: "$12,500", imageSrc: "http://img.b2bpic.net/free-photo/seller-shows-exclusive-men-s-wristwatch-from-new-collection-luxury-jewelry-store_613910-20935.jpg", imageAlt: "Luxury Echelon Chronometer watch"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Leather Handbag",
|
||||
price: "$4,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-with-bag_23-2148012916.jpg",
|
||||
imageAlt: "Designer Artisan Leather Handbag",
|
||||
},
|
||||
id: "p2", name: "Artisan Leather Handbag", price: "$4,800", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-with-bag_23-2148012916.jpg", imageAlt: "Designer Artisan Leather Handbag"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bespoke Suiting Collection",
|
||||
price: "$7,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-near-dark-wall_158538-11254.jpg",
|
||||
imageAlt: "Custom tailored bespoke suit",
|
||||
},
|
||||
id: "p3", name: "Bespoke Suiting Collection", price: "$7,200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-near-dark-wall_158538-11254.jpg", imageAlt: "Custom tailored bespoke suit"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Elixir Fragrance",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-with-blue-paper-flower_140725-13876.jpg",
|
||||
imageAlt: "Luxury Signature Elixir Fragrance bottle",
|
||||
},
|
||||
id: "p4", name: "Signature Elixir Fragrance", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-with-blue-paper-flower_140725-13876.jpg", imageAlt: "Luxury Signature Elixir Fragrance bottle"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Executive Leather Wallet",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12978.jpg",
|
||||
imageAlt: "Premium Executive Leather Wallet",
|
||||
},
|
||||
id: "p5", name: "Executive Leather Wallet", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12978.jpg", imageAlt: "Premium Executive Leather Wallet"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Prestige Fountain Pen",
|
||||
price: "$1,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-gift-paper-writing-message_23-2147683451.jpg",
|
||||
imageAlt: "Elegant Prestige Fountain Pen",
|
||||
},
|
||||
id: "p6", name: "Prestige Fountain Pen", price: "$1,100", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-gift-paper-writing-message_23-2147683451.jpg", imageAlt: "Elegant Prestige Fountain Pen"},
|
||||
]}
|
||||
title="Our Exquisite Collections"
|
||||
description="Explore meticulously crafted products designed to elevate your lifestyle and exceed expectations."
|
||||
@@ -241,63 +160,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Essential",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$5,000/mo",
|
||||
name: "Concierge Standard",
|
||||
buttons: [
|
||||
id: "standard", badge: "Essential", badgeIcon: Sparkles,
|
||||
price: "$5,000/mo", name: "Concierge Standard", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Priority Support",
|
||||
"Exclusive Content Access",
|
||||
"Annual Review",
|
||||
"Personalized Consultation",
|
||||
],
|
||||
"Priority Support", "Exclusive Content Access", "Annual Review", "Personalized Consultation"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
badgeIcon: Diamond,
|
||||
price: "$10,000/mo",
|
||||
name: "Concierge Premium",
|
||||
buttons: [
|
||||
id: "premium", badge: "Elite", badgeIcon: Diamond,
|
||||
price: "$10,000/mo", name: "Concierge Premium", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Plan", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"24/7 Dedicated Support",
|
||||
"Early Access to New Products",
|
||||
"Quarterly Strategic Sessions",
|
||||
"Bespoke Solution Design",
|
||||
"Invitations to Private Events",
|
||||
],
|
||||
"24/7 Dedicated Support", "Early Access to New Products", "Quarterly Strategic Sessions", "Bespoke Solution Design", "Invitations to Private Events"],
|
||||
},
|
||||
{
|
||||
id: "bespoke",
|
||||
badge: "Bespoke",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom Quote",
|
||||
name: "Concierge Bespoke",
|
||||
buttons: [
|
||||
id: "bespoke", badge: "Bespoke", badgeIcon: Crown,
|
||||
price: "Custom Quote", name: "Concierge Bespoke", buttons: [
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Tailored Everything",
|
||||
"On-Demand Expertise",
|
||||
"Unlimited Consultations",
|
||||
"Dedicated Account Manager",
|
||||
"Exclusive Partnership Opportunities",
|
||||
],
|
||||
"Tailored Everything", "On-Demand Expertise", "Unlimited Consultations", "Dedicated Account Manager", "Exclusive Partnership Opportunities"],
|
||||
},
|
||||
]}
|
||||
title="Tailored Tiered Solutions"
|
||||
@@ -312,23 +199,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Target,
|
||||
title: "Success Rate",
|
||||
value: "99.8%",
|
||||
},
|
||||
id: "m1", icon: Target,
|
||||
title: "Success Rate", value: "99.8%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: TrendingUp,
|
||||
title: "Client Retention",
|
||||
value: "95%",
|
||||
},
|
||||
id: "m2", icon: TrendingUp,
|
||||
title: "Client Retention", value: "95%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: BarChart,
|
||||
title: "Market Leadership",
|
||||
value: "Top 1%",
|
||||
},
|
||||
id: "m3", icon: BarChart,
|
||||
title: "Market Leadership", value: "Top 1%"},
|
||||
]}
|
||||
title="Impact & Achievements"
|
||||
description="Our unwavering commitment to excellence is reflected in our remarkable milestones and client success stories, solidifying our position as industry leaders."
|
||||
@@ -339,53 +217,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Eleanor Vance",
|
||||
role: "CEO, Vance Holdings",
|
||||
company: "Vance Holdings",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",
|
||||
imageAlt: "Eleanor Vance portrait",
|
||||
},
|
||||
id: "t1", name: "Eleanor Vance", role: "CEO, Vance Holdings", company: "Vance Holdings", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", imageAlt: "Eleanor Vance portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Founder, Thorne Innovations",
|
||||
company: "Thorne Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
imageAlt: "Marcus Thorne portrait",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", role: "Founder, Thorne Innovations", company: "Thorne Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", imageAlt: "Marcus Thorne portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Isabella Rossi",
|
||||
role: "Lead Architect, Rossi Designs",
|
||||
company: "Rossi Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
|
||||
imageAlt: "Isabella Rossi portrait",
|
||||
},
|
||||
id: "t3", name: "Isabella Rossi", role: "Lead Architect, Rossi Designs", company: "Rossi Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", imageAlt: "Isabella Rossi portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Foster",
|
||||
role: "Managing Partner, Foster & Co.",
|
||||
company: "Foster & Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-man-studio-professional-confident_1262-2877.jpg",
|
||||
imageAlt: "Julian Foster portrait",
|
||||
},
|
||||
id: "t4", name: "Julian Foster", role: "Managing Partner, Foster & Co.", company: "Foster & Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-man-studio-professional-confident_1262-2877.jpg", imageAlt: "Julian Foster portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia Chen",
|
||||
role: "Art Director, Chen Creative",
|
||||
company: "Chen Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-laughing_23-2148415938.jpg",
|
||||
imageAlt: "Sophia Chen portrait",
|
||||
},
|
||||
id: "t5", name: "Sophia Chen", role: "Art Director, Chen Creative", company: "Chen Creative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-laughing_23-2148415938.jpg", imageAlt: "Sophia Chen portrait"},
|
||||
]}
|
||||
title="Voices of Satisfaction"
|
||||
description="Hear from our esteemed clientele who have experienced the Echelon Elite difference firsthand, praising our commitment to excellence."
|
||||
@@ -397,14 +246,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Ventures",
|
||||
"Synergy Capital",
|
||||
"Innovate Hub",
|
||||
"Future Corp",
|
||||
"Pinnacle Group",
|
||||
"Quantum Solutions",
|
||||
"Ascendant Partners",
|
||||
]}
|
||||
"Global Ventures", "Synergy Capital", "Innovate Hub", "Future Corp", "Pinnacle Group", "Quantum Solutions", "Ascendant Partners"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our collaborations with leading organizations across various sectors speak volumes about our credibility and expertise in delivering unparalleled value."
|
||||
/>
|
||||
@@ -414,8 +256,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect"
|
||||
title="Partner with Echelon Elite"
|
||||
description="Ready to discuss your next project or inquire about our exclusive services? Reach out to our expert team for a personalized consultation."
|
||||
@@ -433,62 +274,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Bespoke Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bespoke Solutions", href: "#products"},
|
||||
{
|
||||
label: "Premium Consulting",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Premium Consulting", href: "#about"},
|
||||
{
|
||||
label: "Exclusive Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Exclusive Collections", href: "#products"},
|
||||
{
|
||||
label: "Strategic Partnerships",
|
||||
href: "#partners",
|
||||
},
|
||||
label: "Strategic Partnerships", href: "#partners"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Our Team", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user