Merge version_1 into main #1
273
src/app/page.tsx
273
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "products",
|
||||
},
|
||||
name: "Work", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AUREX STUDIO"
|
||||
/>
|
||||
@@ -59,51 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="We Build Premium Brand Experiences."
|
||||
description="Aurex Studio is a premium creative agency delivering brand identity, logo design, web design, and social media design that inspire, connect, and elevate."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Work", href: "#products"},
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Call", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-golden-abstract-background_23-2148495555.jpg",
|
||||
imageAlt: "luxury gold brush stroke dark",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-golden-abstract-background_23-2148495555.jpg", imageAlt: "luxury gold brush stroke dark"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-abstract-golden-texture_23-2148943360.jpg",
|
||||
imageAlt: "gold luxury pattern black",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/creative-abstract-golden-texture_23-2148943360.jpg", imageAlt: "gold luxury pattern black"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-pedestal-cylinder-luxury-premium-podium-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1845.jpg",
|
||||
imageAlt: "minimal gold black luxury",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/gold-pedestal-cylinder-luxury-premium-podium-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1845.jpg", imageAlt: "minimal gold black luxury"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glow-light-dark-background_23-2151831400.jpg",
|
||||
imageAlt: "abstract gold dust black",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/glow-light-dark-background_23-2151831400.jpg", imageAlt: "abstract gold dust black"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-gold-textured-background-black-abstract-art_53876-128473.jpg",
|
||||
imageAlt: "golden ink flow black",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxury-gold-textured-background-black-abstract-art_53876-128473.jpg", imageAlt: "golden ink flow black"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-golden-reflections-background_1017-2640.jpg",
|
||||
imageAlt: "golden light leaks luxury",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-golden-reflections-background_1017-2640.jpg", imageAlt: "golden light leaks luxury"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,44 +82,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Identity",
|
||||
title: "Brand Identity",
|
||||
items: [
|
||||
"Logo Creation",
|
||||
"Visual Systems",
|
||||
"Brand Guidelines",
|
||||
],
|
||||
id: "f1", label: "Identity", title: "Brand Identity", items: [
|
||||
"Logo Creation", "Visual Systems", "Brand Guidelines"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Design",
|
||||
title: "Logo Design",
|
||||
items: [
|
||||
"Custom Logotypes",
|
||||
"Iconography",
|
||||
"Usage Patterns",
|
||||
],
|
||||
id: "f2", label: "Design", title: "Logo Design", items: [
|
||||
"Custom Logotypes", "Iconography", "Usage Patterns"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Web",
|
||||
title: "Web Design",
|
||||
items: [
|
||||
"Responsive Layouts",
|
||||
"UI/UX Strategy",
|
||||
"High-End Animation",
|
||||
],
|
||||
id: "f3", label: "Web", title: "Web Design", items: [
|
||||
"Responsive Layouts", "UI/UX Strategy", "High-End Animation"],
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
label: "Social",
|
||||
title: "Social Media",
|
||||
items: [
|
||||
"Content Strategy",
|
||||
"Campaign Assets",
|
||||
"Engagement Visuals",
|
||||
],
|
||||
id: "f4", label: "Social", title: "Social Media", items: [
|
||||
"Content Strategy", "Campaign Assets", "Engagement Visuals"],
|
||||
},
|
||||
]}
|
||||
title="Premium Creative Services"
|
||||
@@ -168,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velora",
|
||||
price: "Luxury Fashion",
|
||||
variant: "Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-dark-gift-box_187299-48760.jpg",
|
||||
},
|
||||
id: "p1", name: "Velora", price: "Luxury Fashion", variant: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/gold-dark-gift-box_187299-48760.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sentia",
|
||||
price: "Wellness",
|
||||
variant: "Packaging",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420628.jpg",
|
||||
},
|
||||
id: "p2", name: "Sentia", price: "Wellness", variant: "Packaging", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420628.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Archiq",
|
||||
price: "Studio",
|
||||
variant: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-elegant-business-card_52683-81795.jpg",
|
||||
},
|
||||
id: "p3", name: "Archiq", price: "Studio", variant: "Web", imageSrc: "http://img.b2bpic.net/free-vector/realistic-elegant-business-card_52683-81795.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aurex Social",
|
||||
price: "Creative",
|
||||
variant: "Social",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-laptop-play-multiplayer-videogame_482257-121569.jpg",
|
||||
},
|
||||
id: "p4", name: "Aurex Social", price: "Creative", variant: "Social", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-laptop-play-multiplayer-videogame_482257-121569.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxe Concept",
|
||||
price: "Branding",
|
||||
variant: "System",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-card-template-with-golden-details_79603-1140.jpg",
|
||||
},
|
||||
id: "p5", name: "Luxe Concept", price: "Branding", variant: "System", imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-card-template-with-golden-details_79603-1140.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Visionary Hub",
|
||||
price: "Exhibition",
|
||||
variant: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709092.jpg",
|
||||
},
|
||||
id: "p6", name: "Visionary Hub", price: "Exhibition", variant: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709092.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A showcase of our most impactful brand collaborations."
|
||||
@@ -219,28 +132,17 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Strategy",
|
||||
description: "Successful brand workshops.",
|
||||
icon: Target,
|
||||
id: "m1", value: "100+", title: "Strategy", description: "Successful brand workshops.", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250+",
|
||||
title: "Design",
|
||||
description: "World-class visual systems.",
|
||||
icon: Palette,
|
||||
id: "m2", value: "250+", title: "Design", description: "World-class visual systems.", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Impact",
|
||||
description: "Client retention rates.",
|
||||
icon: TrendingUp,
|
||||
id: "m3", value: "95%", title: "Impact", description: "Client retention rates.", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Purposeful Design. Meaningful Results."
|
||||
@@ -254,45 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "CEO, Velora",
|
||||
quote: "Aurex Studio transformed our brand into something truly iconic. Their process is seamless and design is world-class.",
|
||||
name: "James Thompson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
||||
},
|
||||
id: "t1", title: "CEO, Velora", quote: "Aurex Studio transformed our brand into something truly iconic. Their process is seamless and design is world-class.", name: "James Thompson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Founder, Sentia",
|
||||
quote: "The attention to detail is unmatched. They turned our vision into a tangible reality.",
|
||||
name: "Sarah Miller",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
},
|
||||
id: "t2", title: "Founder, Sentia", quote: "The attention to detail is unmatched. They turned our vision into a tangible reality.", name: "Sarah Miller", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Creative Lead, Archiq",
|
||||
quote: "Strategic creativity at its finest. Our web presence has never looked better.",
|
||||
name: "David Chen",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
|
||||
},
|
||||
id: "t3", title: "Creative Lead, Archiq", quote: "Strategic creativity at its finest. Our web presence has never looked better.", name: "David Chen", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Director, GrowthCo",
|
||||
quote: "They delivered impact, recognition, and growth for our entire brand system.",
|
||||
name: "Elena Rossi",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
|
||||
},
|
||||
id: "t4", title: "Director, GrowthCo", quote: "They delivered impact, recognition, and growth for our entire brand system.", name: "Elena Rossi", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Marketing Head, Vision",
|
||||
quote: "Their bold design direction elevated our social strategy instantly.",
|
||||
name: "Mark Wilson",
|
||||
role: "Marketing Head",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58756.jpg",
|
||||
},
|
||||
id: "t5", title: "Marketing Head, Vision", quote: "Their bold design direction elevated our social strategy instantly.", name: "Mark Wilson", role: "Marketing Head", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58756.jpg"},
|
||||
]}
|
||||
title="Trusted by Visionary Brands"
|
||||
description="Hear what our partners have to say about their experience with Aurex Studio."
|
||||
@@ -304,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your design process?",
|
||||
content: "We follow a strategic 4-phase process: Research, Concept, Refinement, and Final Delivery.",
|
||||
},
|
||||
id: "q1", title: "What is your design process?", content: "We follow a strategic 4-phase process: Research, Concept, Refinement, and Final Delivery."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work with startups?",
|
||||
content: "Absolutely. We specialize in building brand identities from the ground up for startups.",
|
||||
},
|
||||
id: "q2", title: "Do you work with startups?", content: "Absolutely. We specialize in building brand identities from the ground up for startups."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do we get started?",
|
||||
content: "Book a discovery call through our contact section and we'll schedule an initial consultation.",
|
||||
},
|
||||
id: "q3", title: "How do we get started?", content: "Book a discovery call through our contact section and we'll schedule an initial consultation."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -328,16 +191,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Elevate Your Brand"
|
||||
title="Ready to Start?"
|
||||
description="Let's create something extraordinary together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book a Call", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,58 +208,35 @@ export default function LandingPage() {
|
||||
logoText="AUREX STUDIO"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Brand Identity",
|
||||
href: "#",
|
||||
},
|
||||
label: "Brand Identity", href: "#"},
|
||||
{
|
||||
label: "Logo Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Logo Design", href: "#"},
|
||||
{
|
||||
label: "Web Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Web Design", href: "#"},
|
||||
{
|
||||
label: "Social Media",
|
||||
href: "#",
|
||||
},
|
||||
label: "Social Media", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Process", href: "#"},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Case Studies", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user