Merge version_1 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Testimonials", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aureon"
|
||||
/>
|
||||
@@ -54,41 +46,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Luxury Refined for the Digital Era"
|
||||
description="We craft elite digital experiences for brands that demand excellence. Timeless design meets high-performance engineering."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixing-black-brown-stiff-paint_23-2147934179.jpg?_wi=1",
|
||||
imageAlt: "Luxury 1",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixing-black-brown-stiff-paint_23-2147934179.jpg", imageAlt: "Luxury 1"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg?_wi=1",
|
||||
imageAlt: "Luxury 2",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg", imageAlt: "Luxury 2"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-circle-with-golden-glow-dark-textured-background_84443-82415.jpg?_wi=1",
|
||||
imageAlt: "Luxury 3",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/black-circle-with-golden-glow-dark-textured-background_84443-82415.jpg", imageAlt: "Luxury 3"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-glitter-particle-closeup-with-focused-center_1017-32772.jpg?_wi=1",
|
||||
imageAlt: "Luxury 4",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/golden-glitter-particle-closeup-with-focused-center_1017-32772.jpg", imageAlt: "Luxury 4"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colourful-backdrop-oil-waves-water-surface_23-2148290110.jpg?_wi=1",
|
||||
imageAlt: "Luxury 5",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colourful-backdrop-oil-waves-water-surface_23-2148290110.jpg", imageAlt: "Luxury 5"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-background-with-bokeh-effect_1017-42073.jpg?_wi=1",
|
||||
imageAlt: "Luxury 6",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-background-with-bokeh-effect_1017-42073.jpg", imageAlt: "Luxury 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,20 +73,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "147+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
id: "m1", value: "147+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "94%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
id: "m2", value: "94%", description: "Client Retention"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3.8×",
|
||||
description: "Average ROI Increase",
|
||||
},
|
||||
id: "m3", value: "3.8×", description: "Average ROI Increase"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,67 +90,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your identity with precision.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixing-black-brown-stiff-paint_23-2147934179.jpg?_wi=2",
|
||||
imageAlt: "Brand",
|
||||
},
|
||||
title: "Brand Strategy", description: "Defining your identity with precision.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixing-black-brown-stiff-paint_23-2147934179.jpg", imageAlt: "Brand"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Market positioning",
|
||||
},
|
||||
text: "Market positioning"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Voice development",
|
||||
},
|
||||
text: "Voice development"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mixing-black-brown-stiff-paint_23-2147934179.jpg?_wi=3",
|
||||
imageAlt: "luxury black gold abstract wave",
|
||||
},
|
||||
{
|
||||
title: "Visual Design",
|
||||
description: "Aesthetic excellence in every pixel.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg?_wi=2",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
title: "Visual Design", description: "Aesthetic excellence in every pixel.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg", imageAlt: "Design"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "UI/UX interface",
|
||||
},
|
||||
text: "UI/UX interface"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Visual systems",
|
||||
},
|
||||
text: "Visual systems"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg?_wi=3",
|
||||
imageAlt: "luxury agency hero gold accent",
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Robust code meets luxury motion.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-circle-with-golden-glow-dark-textured-background_84443-82415.jpg?_wi=2",
|
||||
imageAlt: "Dev",
|
||||
},
|
||||
title: "Web Development", description: "Robust code meets luxury motion.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-circle-with-golden-glow-dark-textured-background_84443-82415.jpg", imageAlt: "Dev"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High performance",
|
||||
},
|
||||
text: "High performance"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Responsive scaling",
|
||||
},
|
||||
text: "Responsive scaling"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-circle-with-golden-glow-dark-textured-background_84443-82415.jpg?_wi=3",
|
||||
imageAlt: "minimalist luxury dark texture",
|
||||
},
|
||||
]}
|
||||
title="Elite Services"
|
||||
@@ -202,23 +142,15 @@ export default function LandingPage() {
|
||||
description="A four-step collaborative journey to bring your vision to life with complete transparency."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Discovery",
|
||||
description: "Deep audit of brand goals.",
|
||||
},
|
||||
title: "Discovery", description: "Deep audit of brand goals."},
|
||||
{
|
||||
title: "Strategy",
|
||||
description: "Mapping the path to success.",
|
||||
},
|
||||
title: "Strategy", description: "Mapping the path to success."},
|
||||
{
|
||||
title: "Design",
|
||||
description: "Conceptualizing high-fidelity solutions.",
|
||||
},
|
||||
title: "Design", description: "Conceptualizing high-fidelity solutions."},
|
||||
{
|
||||
title: "Launch",
|
||||
description: "Full deployment and optimization.",
|
||||
},
|
||||
title: "Launch", description: "Full deployment and optimization."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-glitter-particle-closeup-with-focused-center_1017-32772.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-glitter-particle-closeup-with-focused-center_1017-32772.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -229,60 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Oct 2024",
|
||||
title: "CEO, Lumina",
|
||||
quote: "The gold standard for agency collaboration.",
|
||||
tag: "Brand Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-glitter-particle-closeup-with-focused-center_1017-32772.jpg?_wi=3",
|
||||
imageAlt: "dark luxury abstract art gold",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", date: "Oct 2024", title: "CEO, Lumina", quote: "The gold standard for agency collaboration.", tag: "Brand Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageSrc: "http://img.b2bpic.net/free-photo/golden-glitter-particle-closeup-with-focused-center_1017-32772.jpg", imageAlt: "dark luxury abstract art gold"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "Sept 2024",
|
||||
title: "CTO, Nextgen",
|
||||
quote: "Unmatched aesthetic quality.",
|
||||
tag: "Dev",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-city-environment_23-2147989623.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colourful-backdrop-oil-waves-water-surface_23-2148290110.jpg?_wi=2",
|
||||
imageAlt: "luxury background dark gold wave",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", date: "Sept 2024", title: "CTO, Nextgen", quote: "Unmatched aesthetic quality.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-city-environment_23-2147989623.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colourful-backdrop-oil-waves-water-surface_23-2148290110.jpg", imageAlt: "luxury background dark gold wave"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
date: "Aug 2024",
|
||||
title: "Founder, Vora",
|
||||
quote: "Aureon transformed our digital presence.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-background-with-bokeh-effect_1017-42073.jpg?_wi=2",
|
||||
imageAlt: "gold shimmering dust black background",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", date: "Aug 2024", title: "Founder, Vora", quote: "Aureon transformed our digital presence.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-background-with-bokeh-effect_1017-42073.jpg", imageAlt: "gold shimmering dust black background"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thorne",
|
||||
date: "July 2024",
|
||||
title: "CMO, Axis",
|
||||
quote: "Luxury service that delivers ROI.",
|
||||
tag: "Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
imageAlt: "portrait successful entrepreneur professional",
|
||||
},
|
||||
id: "t4", name: "David Thorne", date: "July 2024", title: "CMO, Axis", quote: "Luxury service that delivers ROI.", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "portrait successful entrepreneur professional"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Wu",
|
||||
date: "June 2024",
|
||||
title: "Director, Moda",
|
||||
quote: "Exceptional communication throughout.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-city-environment_23-2147989623.jpg",
|
||||
imageAlt: "creative director portrait dark studio",
|
||||
},
|
||||
id: "t5", name: "Linda Wu", date: "June 2024", title: "Director, Moda", quote: "Exceptional communication throughout.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-city-environment_23-2147989623.jpg", imageAlt: "creative director portrait dark studio"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Stories of growth from our global partners."
|
||||
@@ -293,8 +180,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Inquiry"
|
||||
title="Secure Your Strategy Call"
|
||||
description="Let's discuss how Aureon can elevate your brand."
|
||||
@@ -305,37 +191,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Process", href: "#process"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Testimonials", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user