Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -30,100 +30,65 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#case-studies",
|
||||
},
|
||||
name: "Projects", id: "#case-studies"},
|
||||
{
|
||||
name: "Studio",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Studio", id: "#about"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-y2k-logo-template_23-2150544171.jpg"
|
||||
logoAlt="Axion Studio logo"
|
||||
brandName="Axion Studio"
|
||||
button={{
|
||||
text: "Book a strategy call",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book a strategy call", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="We craft digital experiences"
|
||||
description="for brands ready to dominate their category online."
|
||||
kpis={[
|
||||
{
|
||||
value: "200+",
|
||||
label: "Clients",
|
||||
},
|
||||
value: "200+", label: "Clients"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects",
|
||||
},
|
||||
value: "500+", label: "Projects"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Awards",
|
||||
},
|
||||
value: "10+", label: "Awards"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Axion Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a project",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start a project", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-geometric-texture-background_23-2151966075.jpg"
|
||||
imageAlt="Abstract creative background"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",
|
||||
alt: "Profile of a professional designer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg", alt: "Profile of a professional designer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg",
|
||||
alt: "Profile of a creative director",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg", alt: "Profile of a creative director"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-male-with-laptop_23-2148479543.jpg",
|
||||
alt: "Profile of a marketing specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-male-with-laptop_23-2148479543.jpg", alt: "Profile of a marketing specialist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
alt: "Profile of a branding expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Profile of a branding expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
|
||||
alt: "Profile of a lead developer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", alt: "Profile of a lead developer"},
|
||||
]}
|
||||
avatarText="Join our growing list of success stories"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
type: "text", text: "Brand Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
type: "text", text: "UI/UX Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Development",
|
||||
},
|
||||
type: "text", text: "Web Development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Marketing",
|
||||
},
|
||||
type: "text", text: "Digital Marketing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Direction",
|
||||
},
|
||||
type: "text", text: "Creative Direction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,19 +100,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Business",
|
||||
value: "12",
|
||||
},
|
||||
label: "Years in Business", value: "12"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Successful Projects",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Successful Projects", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Industry Awards", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -160,27 +119,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "narrativ",
|
||||
title: "Narrativ",
|
||||
author: "Client Success",
|
||||
description: "Winner of Site of the Month 2025 - an interactive 3D showcase driving record engagement",
|
||||
tags: [],
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260516_122702_390f5305-8719-41d5-ae80-d23ab3796c28.mp4",
|
||||
videoAriaLabel: "Narrativ project video",
|
||||
imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260516_090123_74be96d4-9c1b-40cf-932a-96f4f4babed3.png&w=1280&q=85",
|
||||
imageAlt: "User provided image",
|
||||
id: "narrativ", title: "Narrativ", author: "Client Success", description: "Winner of Site of the Month 2025 - an interactive 3D showcase driving record engagement", tags: [],
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260516_122702_390f5305-8719-41d5-ae80-d23ab3796c28.mp4", videoAriaLabel: "Narrativ project video"
|
||||
},
|
||||
{
|
||||
id: "luminar",
|
||||
title: "Luminar",
|
||||
author: "Client Success",
|
||||
description: "Transforming a dated platform into a conversion-focused brand experience",
|
||||
tags: [],
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260516_123323_f909c2b8-ff6c-4edf-882b-ebcdbe389b5.mp4",
|
||||
videoAriaLabel: "Luminar project video",
|
||||
imageSrc: "https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260516_090133_c157d30b-a99a-4477-bec1-a446149ec3f2.png&w=1280&q=85",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "luminar", title: "Luminar", author: "Client Success", description: "Transforming a dated platform into a conversion-focused brand experience", tags: [],
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260516_123323_f909c2b8-ff6c-4edf-882b-ebcdbe389b5.mp4", videoAriaLabel: "Luminar project video"
|
||||
}
|
||||
]}
|
||||
title="Our projects"
|
||||
description="Explore our featured client work, delivering impactful digital experiences."
|
||||
@@ -196,73 +141,40 @@ export default function LandingPage() {
|
||||
description="Hear directly from the clients who've trusted us to bring their vision to life."
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
name: "Sarah Chen",
|
||||
role: "Marketing Director",
|
||||
company: "Innovate Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/various-types-code-logo-flat-design_23-2148821508.jpg",
|
||||
imageAlt: "Avatar of Sarah Chen",
|
||||
id: "testimonial-1", name: "Sarah Chen", role: "Marketing Director", company: "Innovate Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/various-types-code-logo-flat-design_23-2148821508.jpg", imageAlt: "Avatar of Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
name: "Michael Wong",
|
||||
role: "CEO",
|
||||
company: "FutureTech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/designer-elements-background_1172-580.jpg",
|
||||
imageAlt: "Avatar of Michael Wong",
|
||||
id: "testimonial-2", name: "Michael Wong", role: "CEO", company: "FutureTech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/designer-elements-background_1172-580.jpg", imageAlt: "Avatar of Michael Wong"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Brand Manager",
|
||||
company: "Global Brands Inc.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-workplace_23-2147548083.jpg",
|
||||
imageAlt: "Avatar of Emily Rodriguez",
|
||||
id: "testimonial-3", name: "Emily Rodriguez", role: "Brand Manager", company: "Global Brands Inc.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-workplace_23-2147548083.jpg", imageAlt: "Avatar of Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
name: "David Lee",
|
||||
role: "Founder",
|
||||
company: "Velocity Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-infographic-template_1172-39.jpg",
|
||||
imageAlt: "Avatar of David Lee",
|
||||
id: "testimonial-4", name: "David Lee", role: "Founder", company: "Velocity Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-infographic-template_1172-39.jpg", imageAlt: "Avatar of David Lee"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
name: "Jessica Kim",
|
||||
role: "Product Lead",
|
||||
company: "Apex Digital",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13675.jpg",
|
||||
imageAlt: "Avatar of Jessica Kim",
|
||||
id: "testimonial-5", name: "Jessica Kim", role: "Product Lead", company: "Apex Digital", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13675.jpg", imageAlt: "Avatar of Jessica Kim"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6",
|
||||
name: "Robert Johnson",
|
||||
role: "CTO",
|
||||
company: "Streamline SaaS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_52683-118916.jpg",
|
||||
imageAlt: "Avatar of Robert Johnson",
|
||||
},
|
||||
id: "testimonial-6", name: "Robert Johnson", role: "CTO", company: "Streamline SaaS", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_52683-118916.jpg", imageAlt: "Avatar of Robert Johnson"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
value: "98%", label: "Client Retention"
|
||||
},
|
||||
{
|
||||
value: "250+",
|
||||
label: "Projects Launched",
|
||||
value: "250+", label: "Projects Launched"
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,13 +186,7 @@ export default function LandingPage() {
|
||||
title="Trusted by industry leaders"
|
||||
description="We've had the privilege of partnering with a diverse range of companies, from startups to established enterprises."
|
||||
names={[
|
||||
"Innovate Corp",
|
||||
"FutureTech Solutions",
|
||||
"Global Brands Inc.",
|
||||
"Velocity Ventures",
|
||||
"Apex Digital",
|
||||
"Streamline SaaS",
|
||||
"Pioneer Group",
|
||||
"Innovate Corp", "FutureTech Solutions", "Global Brands Inc.", "Velocity Ventures", "Apex Digital", "Streamline SaaS", "Pioneer Group"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -293,31 +199,26 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#case-studies",
|
||||
label: "Projects", href: "#case-studies"
|
||||
},
|
||||
{
|
||||
label: "Studio",
|
||||
href: "#about",
|
||||
label: "Studio", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Journal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Journal", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Axion Studio"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user