bender/6f3fef71-b21e-4ff0-bc3a-ca0b3f4865ca
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 07:38:45 +00:00
parent 31bad73b89
commit 3b94370dd2
1 changed files with 54 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
src/app/page.tsx
View File

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