Update src/app/page.tsx
This commit is contained in:
329
src/app/page.tsx
329
src/app/page.tsx
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="Hennessy Next"
|
||||
/>
|
||||
@@ -55,61 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Defining the Next Standard"
|
||||
description="Excellence reimagined for a new generation. Hennessy Next leads the way in luxury innovation and bespoke experiences."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",
|
||||
alt: "professional portrait man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses_23-2148773579.jpg",
|
||||
alt: "professional portrait woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-smiling-woman_23-2148787739.jpg",
|
||||
alt: "professional portrait man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "professional portrait woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
|
||||
alt: "A stylish handsome caucasian man posing and looking at camera isolated on a dark background.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", alt: "professional portrait man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses_23-2148773579.jpg", alt: "professional portrait woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-smiling-woman_23-2148787739.jpg", alt: "professional portrait man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "professional portrait woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg", alt: "A stylish handsome caucasian man posing and looking at camera isolated on a dark background." },
|
||||
]}
|
||||
avatarText="Join our network"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Uncompromising Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Concierge",
|
||||
},
|
||||
{ type: "text", text: "Bespoke Elegance" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Uncompromising Quality" },
|
||||
{ type: "text", text: "Innovation First" },
|
||||
{ type: "text", text: "24/7 Concierge" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,21 +70,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Unmatched Heritage, Future Focus"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Global Reach",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Years Trusted",
|
||||
value: "250",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Innovations",
|
||||
value: "100",
|
||||
},
|
||||
{ icon: Award, label: "Global Reach", value: "50+" },
|
||||
{ icon: Shield, label: "Years Trusted", value: "250" },
|
||||
{ icon: Zap, label: "Innovations", value: "100" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -144,24 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Design",
|
||||
description: "Custom crafted solutions tailored to your unique identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
|
||||
imageAlt: "abstract tech luxury",
|
||||
},
|
||||
{
|
||||
title: "Advanced Logistics",
|
||||
description: "Global precision delivery systems for maximum speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728863.jpg",
|
||||
imageAlt: "logistics tech globe",
|
||||
},
|
||||
{
|
||||
title: "Priority Concierge",
|
||||
description: "Dedicated 24/7 support for all our select members.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826239.jpg",
|
||||
imageAlt: "digital concierge interface",
|
||||
},
|
||||
{ title: "Bespoke Design", description: "Custom crafted solutions tailored to your unique identity.", imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg", imageAlt: "abstract tech luxury" },
|
||||
{ title: "Advanced Logistics", description: "Global precision delivery systems for maximum speed.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728863.jpg", imageAlt: "logistics tech globe" },
|
||||
{ title: "Priority Concierge", description: "Dedicated 24/7 support for all our select members.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826239.jpg", imageAlt: "digital concierge interface" },
|
||||
]}
|
||||
title="The Hennessy Next Advantage"
|
||||
description="Built for those who demand uncompromising quality and seamless integration."
|
||||
@@ -175,48 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Blend",
|
||||
price: "$150",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/animated-olive-climbing-ladder-still-life_23-2149911087.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Next Edition",
|
||||
price: "$300",
|
||||
variant: "Ultra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-items-arrangement_23-2149299934.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Collector Series",
|
||||
price: "$600",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-drink-bottle_176474-6029.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Reserve Pack",
|
||||
price: "$1200",
|
||||
variant: "Private",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-protection-essentials-summer_1194-638778.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Aged Excellence",
|
||||
price: "$2500",
|
||||
variant: "Heritage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-drink-with-dry-fruits_114579-14533.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Global Icons",
|
||||
price: "$5000",
|
||||
variant: "Global",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Blend", price: "$150", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/animated-olive-climbing-ladder-still-life_23-2149911087.jpg" },
|
||||
{ id: "p2", name: "Next Edition", price: "$300", variant: "Ultra", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-items-arrangement_23-2149299934.jpg" },
|
||||
{ id: "p3", name: "Collector Series", price: "$600", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-drink-bottle_176474-6029.jpg" },
|
||||
{ id: "p4", name: "Reserve Pack", price: "$1200", variant: "Private", imageSrc: "http://img.b2bpic.net/free-photo/sun-protection-essentials-summer_1194-638778.jpg" },
|
||||
{ id: "p5", name: "Aged Excellence", price: "$2500", variant: "Heritage", imageSrc: "http://img.b2bpic.net/free-photo/bottle-drink-with-dry-fruits_114579-14533.jpg" },
|
||||
{ id: "p6", name: "Global Icons", price: "$5000", variant: "Global", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg" },
|
||||
]}
|
||||
title="Exquisite Collections"
|
||||
description="Discover our limited edition offerings and masterclass series."
|
||||
@@ -229,57 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Entry",
|
||||
price: "$500",
|
||||
subtitle: "Monthly access to essentials",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited access",
|
||||
"Support",
|
||||
"Newsletters",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Gold",
|
||||
price: "$1,200",
|
||||
subtitle: "Priority benefits included",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full access",
|
||||
"Priority Support",
|
||||
"Events",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$3,000",
|
||||
subtitle: "Full bespoke concierge",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Bespoke access",
|
||||
"Personal Concierge",
|
||||
"Annual Retreat",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Entry", price: "$500", subtitle: "Monthly access to essentials", buttons: [{ text: "Select", href: "#" }], features: ["Limited access", "Support", "Newsletters"] },
|
||||
{ id: "p2", badge: "Gold", price: "$1,200", subtitle: "Priority benefits included", buttons: [{ text: "Select", href: "#" }], features: ["Full access", "Priority Support", "Events"] },
|
||||
{ id: "p3", badge: "Elite", price: "$3,000", subtitle: "Full bespoke concierge", buttons: [{ text: "Select", href: "#" }], features: ["Bespoke access", "Personal Concierge", "Annual Retreat"] },
|
||||
]}
|
||||
title="Membership Levels"
|
||||
description="Access elite status and services."
|
||||
@@ -292,41 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarahc",
|
||||
testimonial: "Truly unmatched luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-model-with-camera_23-2148503557.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus",
|
||||
handle: "@m.smith",
|
||||
testimonial: "The gold standard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena",
|
||||
handle: "@elena.k",
|
||||
testimonial: "Exceptional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@dave.v",
|
||||
testimonial: "Simply the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica",
|
||||
handle: "@jess.j",
|
||||
testimonial: "Flawless execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", handle: "@sarahc", testimonial: "Truly unmatched luxury.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-model-with-camera_23-2148503557.jpg" },
|
||||
{ id: "2", name: "Marcus", handle: "@m.smith", testimonial: "The gold standard.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg" },
|
||||
{ id: "3", name: "Elena", handle: "@elena.k", testimonial: "Exceptional service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg" },
|
||||
{ id: "4", name: "David", handle: "@dave.v", testimonial: "Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
{ id: "5", name: "Jessica", handle: "@jess.j", testimonial: "Flawless execution.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg" },
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="What the industry says about us."
|
||||
@@ -337,21 +147,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I join?",
|
||||
content: "Contact our team for a consultation.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Global reach?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Custom orders?",
|
||||
content: "Yes, contact for details.",
|
||||
},
|
||||
{ id: "1", title: "How do I join?", content: "Contact our team for a consultation." },
|
||||
{ id: "2", title: "Global reach?", content: "Yes, we ship globally." },
|
||||
{ id: "3", title: "Custom orders?", content: "Yes, contact for details." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -361,54 +159,23 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Start your journey with Hennessy Next today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="Hennessy Next"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Hennessy Next."
|
||||
bottomRightText="All rights reserved."
|
||||
copyrightText="© 2025 Hennessy Next. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user