Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-03 09:52:33 +00:00

View File

@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, CheckCircle, TrendingUp } from "lucide-react";
import { Award, CheckCircle, TrendingUp, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -25,7 +25,7 @@ export default function LandingPage() {
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Work",
id: "#work",
},
{
name: "Expertise",
id: "#expertise",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Work", id: "#work" },
{ name: "Expertise", id: "#expertise" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="Aura"
/>
@@ -56,112 +44,39 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Defining the Digital Frontier."
description="We architect premium web experiences for brands that demand excellence and digital transformation."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=1",
imageAlt: "Hero scene 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg?_wi=1",
imageAlt: "Hero scene 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg?_wi=1",
imageAlt: "Hero scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=1",
imageAlt: "Hero scene 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg?_wi=1",
imageAlt: "Hero scene 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg?_wi=1",
imageAlt: "Hero scene 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "Hero scene 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg", imageAlt: "Hero scene 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg", imageAlt: "Hero scene 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Hero scene 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg", imageAlt: "Hero scene 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg", imageAlt: "Hero scene 6" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg?_wi=2",
imageAlt: "Hero scene 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg?_wi=2",
imageAlt: "Hero scene 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=2",
imageAlt: "Hero scene 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg?_wi=2",
imageAlt: "Hero scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg?_wi=2",
imageAlt: "Hero scene 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=2",
imageAlt: "Hero scene 1",
},
]}
buttons={[
{
text: "Start Project",
href: "#contact",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg", imageAlt: "Hero scene 6" },
{ imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg", imageAlt: "Hero scene 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Hero scene 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg", imageAlt: "Hero scene 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg", imageAlt: "Hero scene 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "Hero scene 1" },
]}
buttons={[{ text: "Start Project", href: "#contact" }]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",
alt: "Member 1",
},
{
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg",
alt: "Member 2",
},
{
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
alt: "Member 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
alt: "Member 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg",
alt: "Member 5",
},
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "Member 1" },
{ src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg", alt: "Member 2" },
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Member 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Member 4" },
{ src: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg", alt: "Member 5" },
]}
marqueeItems={[
{
type: "text",
text: "Innovation",
},
{
type: "text",
text: "Craftsmanship",
},
{
type: "text",
text: "Strategy",
},
{
type: "text",
text: "Design",
},
{
type: "text",
text: "Growth",
},
{ type: "text", text: "Innovation" },
{ type: "text", text: "Craftsmanship" },
{ type: "text", text: "Strategy" },
{ type: "text", text: "Design" },
{ type: "text", text: "Growth" },
]}
/>
</div>
@@ -173,53 +88,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Design Systems",
description: "Unified UI languages built for scale.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-flat-lay_23-2148500535.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-analyzes-online-statistics_53876-94865.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=3",
imageAlt: "digital studio dark hero",
title: "Design Systems", description: "Unified UI languages built for scale.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-flat-lay_23-2148500535.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-analyzes-online-statistics_53876-94865.jpg" },
]
},
{
title: "Analytics",
description: "Data-driven design insights.",
bentoComponent: "globe",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg?_wi=3",
imageAlt: "app interface 3d design",
title: "Analytics", description: "Data-driven design insights.", bentoComponent: "globe"
},
{
title: "Strategy",
description: "Product strategy to market.",
bentoComponent: "timeline",
heading: "Process",
subheading: "Proven Methodology",
items: [
{
label: "Define",
detail: "Goals",
},
{
label: "Design",
detail: "Concepts",
},
{
label: "Deliver",
detail: "Launch",
},
title: "Strategy", description: "Product strategy to market.", bentoComponent: "timeline", heading: "Process", subheading: "Proven Methodology", items: [
{ label: "Define", detail: "Goals" },
{ label: "Design", detail: "Concepts" },
{ label: "Deliver", detail: "Launch" },
],
completedLabel: "Done",
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg?_wi=3",
imageAlt: "creative design studio office",
completedLabel: "Done"
},
]}
title="Expertise in Motion."
@@ -232,24 +116,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Luxury Retail",
description: "Elevated e-commerce.",
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-natural-background-tree-bark-flowers-stones-top-view-beauty-fashion-perfume-template_166373-1585.jpg",
buttonIcon: "ArrowRight",
},
{
title: "Fintech App",
description: "Secure banking solutions.",
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-pack_23-2148606169.jpg",
buttonIcon: "ArrowRight",
},
{
title: "Art Portfolio",
description: "Bold visual storytelling.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320702.jpg",
buttonIcon: "ArrowRight",
},
{ title: "Luxury Retail", description: "Elevated e-commerce.", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-natural-background-tree-bark-flowers-stones-top-view-beauty-fashion-perfume-template_166373-1585.jpg", buttonIcon: ArrowRight },
{ title: "Fintech App", description: "Secure banking solutions.", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-pack_23-2148606169.jpg", buttonIcon: ArrowRight },
{ title: "Art Portfolio", description: "Bold visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320702.jpg", buttonIcon: ArrowRight },
]}
title="Selected Works"
description="Showcasing recent partnerships across global industries."
@@ -263,26 +132,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Client 5" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -296,27 +150,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "120+",
title: "Projects",
description: "Delivered successfully",
icon: CheckCircle,
},
{
id: "2",
value: "45+",
title: "Global Brands",
description: "Satisfied partners",
icon: Award,
},
{
id: "3",
value: "200%",
title: "Growth",
description: "Average increase",
icon: TrendingUp,
},
{ id: "1", value: "120+", title: "Projects", description: "Delivered successfully", icon: CheckCircle },
{ id: "2", value: "45+", title: "Global Brands", description: "Satisfied partners", icon: Award },
{ id: "3", value: "200%", title: "Growth", description: "Average increase", icon: TrendingUp },
]}
title="Agency Impact"
description="Measurable results driven by design."
@@ -328,20 +164,8 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
negativeCard={{
items: [
"Generic templates",
"Hidden costs",
"Slow iterations",
],
}}
positiveCard={{
items: [
"Strategic clarity",
"Top-tier design",
"Transparent communication",
],
}}
negativeCard={{ items: ["Generic templates", "Hidden costs", "Slow iterations"] }}
positiveCard={{ items: ["Strategic clarity", "Top-tier design", "Transparent communication"] }}
title="Why Aura?"
description="A different breed of agency."
/>
@@ -353,30 +177,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
team={[
{
id: "1",
name: "Alex Reed",
role: "Design Lead",
imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg",
},
{
id: "2",
name: "Sam Chen",
role: "Dev Lead",
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
},
{
id: "3",
name: "Jordan P",
role: "Product Manager",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
},
{
id: "4",
name: "Taylor S",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg",
},
{ id: "1", name: "Alex Reed", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg" },
{ id: "2", name: "Sam Chen", role: "Dev Lead", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg" },
{ id: "3", name: "Jordan P", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
{ id: "4", name: "Taylor S", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg" },
]}
title="Meet the Minds"
description="Creative experts pushing boundaries."
@@ -388,21 +192,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is your process?",
content: "We follow a discovery-driven design methodology.",
},
{
id: "2",
title: "What tools do you use?",
content: "Industry leading design and development tools.",
},
{
id: "3",
title: "Can you handle enterprise?",
content: "Yes, we scale with your business.",
},
{ id: "1", title: "What is your process?", content: "We follow a discovery-driven design methodology." },
{ id: "2", title: "What tools do you use?", content: "Industry leading design and development tools." },
{ id: "3", title: "Can you handle enterprise?", content: "Yes, we scale with your business." },
]}
title="FAQs"
description="Your questions, answered."
@@ -413,54 +205,23 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Get in touch"
title="Ready to Build?"
description="Let's start your next digital project."
buttons={[
{
text: "Start Discussion",
href: "mailto:hello@aura.design",
},
]}
buttons={[{ text: "Start Discussion", href: "mailto:hello@aura.design" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Agency",
items: [
{
label: "Work",
href: "#work",
},
{
label: "Expertise",
href: "#expertise",
},
],
},
{
title: "Contact",
items: [
{
label: "Email",
href: "mailto:hello@aura.design",
},
{
label: "Twitter",
href: "#",
},
],
},
{ title: "Agency", items: [{ label: "Work", href: "#work" }, { label: "Expertise", href: "#expertise" }] },
{ title: "Contact", items: [{ label: "Email", href: "mailto:hello@aura.design" }, { label: "Twitter", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}