bender/f747d596-9cd1-445a-9927-d2e446cfdb03
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-05-19 06:57:46 +00:00
parent e733d47d12
commit 05bfebbaa8
1 changed files with 61 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "work",
},
name: "Work", id: "work"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="SAREAK"
/>
@@ -56,68 +48,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Designing the Future of Digital."
description="Sareak is a bespoke studio crafting immersive, high-performance web experiences that bridge the gap between art and code."
tag="Available for Select Projects"
buttons={[
{
text: "View Our Work",
href: "#work",
},
text: "View Our Work", href: "#work"},
{
text: "Get In Touch",
href: "#contact",
},
text: "Get In Touch", href: "#contact"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1jbavl"
imageAlt="luxury tech aesthetic dark background"
mediaAnimation="blur-reveal"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0rp6dj",
alt: "Creative Lead",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0rp6dj", alt: "Creative Lead"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzqahl",
alt: "Lead Developer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzqahl", alt: "Lead Developer"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02f37o",
alt: "Strategist",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02f37o", alt: "Strategist"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77mr56",
alt: "Client Partner",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77mr56", alt: "Client Partner"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjh8m2",
alt: "Technical Lead",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjh8m2", alt: "Technical Lead"},
]}
avatarText="Trusted by industry leaders"
marqueeItems={[
{
type: "text",
text: "High-Performance",
},
type: "text", text: "High-Performance"},
{
type: "text",
text: "Editorial Design",
},
type: "text", text: "Editorial Design"},
{
type: "text",
text: "Custom Motion",
},
type: "text", text: "Custom Motion"},
{
type: "text",
text: "SaaS Scalability",
},
type: "text", text: "SaaS Scalability"},
{
type: "text",
text: "Brand Identity",
},
type: "text", text: "Brand Identity"},
]}
/>
</div>
@@ -130,17 +97,11 @@ export default function LandingPage() {
description="We treat every pixel like a brushstroke. Our process is a fusion of rigorous engineering and relentless design perfection."
bulletPoints={[
{
title: "Precision Motion",
description: "Micro-interactions that breathe life into every interaction.",
},
title: "Precision Motion", description: "Micro-interactions that breathe life into every interaction."},
{
title: "Performance First",
description: "Lightning-fast architectures tailored for scale.",
},
title: "Performance First", description: "Lightning-fast architectures tailored for scale."},
{
title: "Editorial Design",
description: "Typographic excellence inspired by high-end publications.",
},
title: "Editorial Design", description: "Typographic excellence inspired by high-end publications."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qqdrnv"
mediaAnimation="slide-up"
@@ -150,24 +111,19 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "Advanced Motion",
description: "Fluid animations powered by GSAP and Motion.",
},
title: "Advanced Motion", description: "Fluid animations powered by GSAP and Motion."},
{
icon: Shield,
title: "Robust Security",
description: "Enterprise-grade safety for your digital assets.",
},
title: "Robust Security", description: "Enterprise-grade safety for your digital assets."},
{
icon: Layers,
title: "Modular Architecture",
description: "Highly scalable systems built for the long term.",
},
title: "Modular Architecture", description: "Highly scalable systems built for the long term."},
]}
title="Technically Impressive"
description="Built for the next generation of digital products."
@@ -182,41 +138,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Linear V2",
price: "Interactive SaaS",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hw7ds1",
},
id: "1", name: "Linear V2", price: "Interactive SaaS", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hw7ds1"},
{
id: "2",
name: "Studio Cargo",
price: "Creative Portfolio",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5t3mzr",
},
id: "2", name: "Studio Cargo", price: "Creative Portfolio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5t3mzr"},
{
id: "3",
name: "Vertex Engine",
price: "Dev Tooling",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ncy55w",
},
id: "3", name: "Vertex Engine", price: "Dev Tooling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ncy55w"},
{
id: "4",
name: "Aero Brand",
price: "Identity Design",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=57z36f",
},
id: "4", name: "Aero Brand", price: "Identity Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=57z36f"},
{
id: "5",
name: "Shift Collective",
price: "Web Experience",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ob2s12",
},
id: "5", name: "Shift Collective", price: "Web Experience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ob2s12"},
{
id: "6",
name: "Nodal Flow",
price: "High-Tech App",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fvnxpg",
},
id: "6", name: "Nodal Flow", price: "High-Tech App", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fvnxpg"},
]}
title="Selected Works"
description="Curated projects showcasing the Sareak standard."
@@ -231,26 +163,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Alexander Vane",
role: "Creative Director",
description: "Design purist.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0rp6dj",
},
id: "t1", name: "Alexander Vane", role: "Creative Director", description: "Design purist.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0rp6dj"},
{
id: "t2",
name: "Elena Soren",
role: "Lead Developer",
description: "Code obsessed.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzqahl",
},
id: "t2", name: "Elena Soren", role: "Lead Developer", description: "Code obsessed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzqahl"},
{
id: "t3",
name: "Marcus Thorne",
role: "Experience Strategist",
description: "Strategy focused.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02f37o",
},
id: "t3", name: "Marcus Thorne", role: "Experience Strategist", description: "Strategy focused.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02f37o"},
]}
title="The Architects"
description="Meet the minds pushing the boundaries of digital."
@@ -264,31 +181,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98+",
title: "Performance Score",
items: [
"Lighthouse audited",
"Sub-50ms LCP",
],
id: "m1", value: "98+", title: "Performance Score", items: [
"Lighthouse audited", "Sub-50ms LCP"],
},
{
id: "m2",
value: "45",
title: "Projects Delivered",
items: [
"Global clients",
"High-growth startups",
],
id: "m2", value: "45", title: "Projects Delivered", items: [
"Global clients", "High-growth startups"],
},
{
id: "m3",
value: "5M+",
title: "Total Interactions",
items: [
"Complex animations",
"User engagement",
],
id: "m3", value: "5M+", title: "Total Interactions", items: [
"Complex animations", "User engagement"],
},
]}
title="By The Numbers"
@@ -298,49 +200,25 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "CEO, VercelCopy",
testimonial: "Sareak redefined how we view digital presence. Pure excellence.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77mr56",
},
id: "1", name: "Sarah J.", handle: "CEO, VercelCopy", testimonial: "Sareak redefined how we view digital presence. Pure excellence.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77mr56"},
{
id: "2",
name: "Michael K.",
handle: "CTO, TechNodes",
testimonial: "The precision in their code matches the beauty in their design.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjh8m2",
},
id: "2", name: "Michael K.", handle: "CTO, TechNodes", testimonial: "The precision in their code matches the beauty in their design.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjh8m2"},
{
id: "3",
name: "Emily R.",
handle: "Founder, GrowthOps",
testimonial: "Next-level work. Simply unmatched in the current market.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lyqr32",
},
id: "3", name: "Emily R.", handle: "Founder, GrowthOps", testimonial: "Next-level work. Simply unmatched in the current market.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lyqr32"},
{
id: "4",
name: "David C.",
handle: "PM, SoftCore",
testimonial: "Efficient, talented, and incredibly visionary.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1dggeq",
},
id: "4", name: "David C.", handle: "PM, SoftCore", testimonial: "Efficient, talented, and incredibly visionary.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1dggeq"},
{
id: "5",
name: "Anna V.",
handle: "Creative Lead, DesignFi",
testimonial: "They don't just build sites; they build legends.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlsxix",
},
id: "5", name: "Anna V.", handle: "Creative Lead, DesignFi", testimonial: "They don't just build sites; they build legends.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlsxix"},
]}
showRating={true}
title="Voices of Visionaries"
@@ -355,22 +233,14 @@ export default function LandingPage() {
description="Let’s craft something iconic together."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "project",
placeholder: "Describe your vision...",
rows: 4,
name: "project", placeholder: "Describe your vision...", rows: 4,
required: true,
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=957emv"
@@ -382,37 +252,23 @@ export default function LandingPage() {
logoText="SAREAK"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Work",
href: "#work",
},
label: "Work", href: "#work"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Twitter",
href: "https://x.com",
},
label: "Twitter", href: "https://x.com"},
{
label: "Dribbble",
href: "https://dribbble.com",
},
label: "Dribbble", href: "https://dribbble.com"},
{
label: "Framer",
href: "https://framer.com",
},
label: "Framer", href: "https://framer.com"},
],
},
]}