Merge version_2 into main #4
158
src/app/page.tsx
158
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -29,16 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ANIRA BRAND"
|
||||
/>
|
||||
@@ -49,24 +44,17 @@ export default function LandingPage() {
|
||||
title="Launch your business with a brand built to sell from day one."
|
||||
description="ANIRA BRAND is a boutique studio that helps entrepreneurs turn ideas into cohesive, market-ready businesses through branding, concept development, digital presence, and physical execution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a discovery call", href: "#contact"},
|
||||
{
|
||||
text: "View our services", href: "#services"},
|
||||
{ text: "Book a discovery call", href: "#contact" },
|
||||
{ text: "View our services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030737.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ ambitious founders"
|
||||
/>
|
||||
@@ -79,12 +67,9 @@ export default function LandingPage() {
|
||||
title="A boutique studio for businesses with vision"
|
||||
description="ANIRA BRAND was created to help founders build more than a logo. We create thoughtful brand systems that connect strategy, aesthetics, digital presence, and real-world application. We combine business thinking, creative direction, and technical execution to help new businesses launch with clarity and impact."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Strategic Foundation", description: "Business development, digital marketing, and social media strategy built into the brand identity."},
|
||||
{
|
||||
title: "Technical Execution", description: "CAD design, 3D prototyping, and real-world implementation that turns concepts into physical realities."},
|
||||
{
|
||||
title: "Cohesive Experience", description: "We ensure your online presence, physical atmosphere, and branded materials feel aligned from day one."},
|
||||
{ title: "Strategic Foundation", description: "Business development, digital marketing, and social media strategy built into the brand identity." },
|
||||
{ title: "Technical Execution", description: "CAD design, 3D prototyping, and real-world implementation that turns concepts into physical realities." },
|
||||
{ title: "Cohesive Experience", description: "We ensure your online presence, physical atmosphere, and branded materials feel aligned from day one." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -97,18 +82,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy", description: "Foundational thinking for long-term growth.", bentoComponent: "reveal-icon", icon: Target,
|
||||
},
|
||||
{
|
||||
title: "Visual Identity", description: "Logos, palettes, and typography that define you.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Website / Landing", description: "High-converting digital presence built to sell.", bentoComponent: "reveal-icon", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "3D Branded Elements", description: "Physical merchandise and touchpoints for impact.", bentoComponent: "reveal-icon", icon: Box,
|
||||
},
|
||||
{ title: "Brand Strategy", description: "Foundational thinking for long-term growth.", bentoComponent: "reveal-icon", icon: Target },
|
||||
{ title: "Visual Identity", description: "Logos, palettes, and typography that define you.", bentoComponent: "reveal-icon", icon: Palette },
|
||||
{ title: "Website / Landing", description: "High-converting digital presence built to sell.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
{ title: "3D Branded Elements", description: "Physical merchandise and touchpoints for impact.", bentoComponent: "reveal-icon", icon: Box },
|
||||
]}
|
||||
title="What we build"
|
||||
description="Premium, intentional branding services for founders who demand excellence."
|
||||
@@ -121,18 +98,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Discover", description: "Understand your vision.", bentoComponent: "reveal-icon", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Define", description: "Shape the brand concept.", bentoComponent: "reveal-icon", icon: PenTool,
|
||||
},
|
||||
{
|
||||
title: "Build", description: "Create identity and assets.", bentoComponent: "reveal-icon", icon: Box,
|
||||
},
|
||||
{
|
||||
title: "Launch", description: "Present with confidence.", bentoComponent: "reveal-icon", icon: Rocket,
|
||||
},
|
||||
{ title: "Discover", description: "Understand your vision.", bentoComponent: "reveal-icon", icon: Search },
|
||||
{ title: "Define", description: "Shape the brand concept.", bentoComponent: "reveal-icon", icon: PenTool },
|
||||
{ title: "Build", description: "Create identity and assets.", bentoComponent: "reveal-icon", icon: Box },
|
||||
{ title: "Launch", description: "Present with confidence.", bentoComponent: "reveal-icon", icon: Rocket },
|
||||
]}
|
||||
title="From idea to launch"
|
||||
description="Our 4-step boutique approach to business building."
|
||||
@@ -146,18 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "ORIGEN Identity", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2", name: "Atmosphere Strategy", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3", name: "Physical Touchpoints", price: "Execution", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=3"},
|
||||
{
|
||||
id: "p4", name: "Digital Launch", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=4"},
|
||||
{
|
||||
id: "p5", name: "Packaging Design", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=5"},
|
||||
{
|
||||
id: "p6", name: "Content Direction", price: "Launch", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=6"},
|
||||
{ id: "p1", name: "ORIGEN Identity", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Atmosphere Strategy", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Physical Touchpoints", price: "Execution", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=3" },
|
||||
{ id: "p4", name: "Digital Launch", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=4" },
|
||||
{ id: "p5", name: "Packaging Design", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=5" },
|
||||
{ id: "p6", name: "Content Direction", price: "Launch", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=6" },
|
||||
]}
|
||||
title="Concept-led business creation"
|
||||
description="Showcasing ORIGEN, a specialty café brand concept launched by ANIRA BRAND."
|
||||
@@ -170,15 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Alignment", description: "Brand, space, and digital experience unified.", bentoComponent: "reveal-icon", icon: Link,
|
||||
},
|
||||
{
|
||||
title: "Execution", description: "Real-world engineering, not just visual design.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
{
|
||||
title: "Personalized", description: "Boutique focus for every individual founder.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{ title: "Alignment", description: "Brand, space, and digital experience unified.", bentoComponent: "reveal-icon", icon: Link },
|
||||
{ title: "Execution", description: "Real-world engineering, not just visual design.", bentoComponent: "reveal-icon", icon: Building },
|
||||
{ title: "Personalized", description: "Boutique focus for every individual founder.", bentoComponent: "reveal-icon", icon: Users },
|
||||
]}
|
||||
title="Why founders choose ANIRA BRAND"
|
||||
description="We are a technical and strategic partner for your launch."
|
||||
@@ -192,12 +149,9 @@ export default function LandingPage() {
|
||||
title="Who we work with"
|
||||
description="We partner with visionary founders launching physical businesses. From specialty cafés and boutique gyms to aesthetic wellness concepts and high-end lifestyle brands, we work with founders who need their brand to feel elevated and ready for the real world from day one."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Physical Concepts", description: "Retail, hospitality, and service-based brands."},
|
||||
{
|
||||
title: "Visionary Founders", description: "Entrepreneurs seeking high-quality, intentional presence."},
|
||||
{
|
||||
title: "Launch Ready", description: "Businesses needing to stand out immediately."},
|
||||
{ title: "Physical Concepts", description: "Retail, hospitality, and service-based brands." },
|
||||
{ title: "Visionary Founders", description: "Entrepreneurs seeking high-quality, intentional presence." },
|
||||
{ title: "Launch Ready", description: "Businesses needing to stand out immediately." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -210,47 +164,27 @@ export default function LandingPage() {
|
||||
title="Ready to launch your business with intention?"
|
||||
description="Let’s build a brand that feels coherent, elevated, and ready for the real world. Book a discovery call today to discuss your vision."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your project..."}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
|
||||
buttonText="Book your call"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "ANIRA BRAND", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Process", href: "#process"},
|
||||
{
|
||||
label: "Clientele", href: "#ideal-client"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="ANIRA BRAND"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-interior-design_23-2148967925.jpg"
|
||||
columns={[
|
||||
{ title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Process", href: "#process" }] },
|
||||
{ title: "Impact", items: [{ label: "Work", href: "#work" }, { label: "Clientele", href: "#ideal-client" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 ANIRA BRAND. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user