Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-03 14:52:49 +00:00

View File

@@ -35,37 +35,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Creativity",
id: "#creativity",
},
name: "Creativity", id: "#creativity"},
{
name: "Strategy",
id: "#strategy",
},
name: "Strategy", id: "#strategy"},
{
name: "Design",
id: "#design",
},
name: "Design", id: "#design"},
{
name: "Develop",
id: "#development",
},
name: "Develop", id: "#development"},
{
name: "Launch",
id: "#launch",
},
name: "Launch", id: "#launch"},
{
name: "Results",
id: "#results",
},
name: "Results", id: "#results"},
{
name: "Connect",
id: "#connect",
},
name: "Connect", id: "#connect"},
]}
brandName="EPIPHANY"
bottomLeftText="Awwwards Nominee"
@@ -77,104 +61,58 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="EPIPHANY: Where Vision Meets Reality."
description="Unlocking the future of digital experience. We craft Awwwards-winning websites that redefine interaction and inspire wonder."
testimonials={[
{
name: "Alex K.",
handle: "@TechVisionary",
testimonial: "EPIPHANY transformed our platform. The creativity and technical execution were simply unparalleled. Truly Awwwards-worthy!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg",
imageAlt: "Alex K., CEO of TechVisionary",
},
name: "Alex K.", handle: "@TechVisionary", testimonial: "EPIPHANY transformed our platform. The creativity and technical execution were simply unparalleled. Truly Awwwards-worthy!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg", imageAlt: "Alex K., CEO of TechVisionary"},
{
name: "Samantha L.",
handle: "@InnovateLab",
testimonial: "The level of immersion and storytelling they achieved is mind-blowing. It feels less like a website, more like a digital universe.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-factory-consultant-observes-production-systems-pc-solar-plant_482257-126030.jpg",
imageAlt: "Samantha L., CTO of InnovateLab",
},
name: "Samantha L.", handle: "@InnovateLab", testimonial: "The level of immersion and storytelling they achieved is mind-blowing. It feels less like a website, more like a digital universe.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-factory-consultant-observes-production-systems-pc-solar-plant_482257-126030.jpg", imageAlt: "Samantha L., CTO of InnovateLab"},
{
name: "Marcus J.",
handle: "@PixelForge",
testimonial: "Our clients are constantly asking 'How was this built?'. EPIPHANY delivered an unforgettable experience that elevated our brand.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg",
imageAlt: "Marcus J., Marketing Director at PixelForge",
},
name: "Marcus J.", handle: "@PixelForge", testimonial: "Our clients are constantly asking 'How was this built?'. EPIPHANY delivered an unforgettable experience that elevated our brand.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg", imageAlt: "Marcus J., Marketing Director at PixelForge"},
{
name: "Chloe B.",
handle: "@DigitalCanvas",
testimonial: "From initial concept to flawless execution, their team brought a fresh perspective. Our site is now a benchmark in our industry.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg",
imageAlt: "Chloe B., Product Manager at DigitalCanvas",
},
name: "Chloe B.", handle: "@DigitalCanvas", testimonial: "From initial concept to flawless execution, their team brought a fresh perspective. Our site is now a benchmark in our industry.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg", imageAlt: "Chloe B., Product Manager at DigitalCanvas"},
{
name: "David M.",
handle: "@FutureScape",
testimonial: "The attention to detail, the dynamic interactions—every element is premium. It's truly a masterpiece of digital craftsmanship.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749880.jpg",
imageAlt: "David M., Lead Designer at FutureScape",
},
name: "David M.", handle: "@FutureScape", testimonial: "The attention to detail, the dynamic interactions—every element is premium. It's truly a masterpiece of digital craftsmanship.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749880.jpg", imageAlt: "David M., Lead Designer at FutureScape"},
]}
testimonialRotationInterval={5000}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/blue-neon-light-dark-backdrop_23-2147881452.jpg",
alt: "Avatar of satisfied client 1",
},
src: "http://img.b2bpic.net/free-photo/blue-neon-light-dark-backdrop_23-2147881452.jpg", alt: "Avatar of satisfied client 1"},
{
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688591.jpg",
alt: "Avatar of satisfied client 2",
},
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688591.jpg", alt: "Avatar of satisfied client 2"},
{
src: "http://img.b2bpic.net/free-photo/fantasy-scene-with-futuristic-human-character_23-2151254449.jpg",
alt: "Avatar of satisfied client 3",
},
src: "http://img.b2bpic.net/free-photo/fantasy-scene-with-futuristic-human-character_23-2151254449.jpg", alt: "Avatar of satisfied client 3"},
{
src: "http://img.b2bpic.net/free-photo/headshot-positive-unshaven-young-man-smiles-broadly-wears-round-optical-glasses-yellow-headgear_273609-27036.jpg",
alt: "Avatar of satisfied client 4",
},
src: "http://img.b2bpic.net/free-photo/headshot-positive-unshaven-young-man-smiles-broadly-wears-round-optical-glasses-yellow-headgear_273609-27036.jpg", alt: "Avatar of satisfied client 4"},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg",
alt: "Avatar of satisfied client 5",
},
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg", alt: "Avatar of satisfied client 5"},
]}
avatarText="Trusted by visionary brands"
imageSrc="http://img.b2bpic.net/free-photo/man-with-headphones-sits-desk-front-computer_1258-296305.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-with-headphones-sits-desk-front-computer_1258-296305.jpg"
imageAlt="Dark-skinned digital creator at a futuristic workstation with floating UI"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Awwwards Nominee",
icon: Award,
type: "text-icon", text: "Awwwards Nominee", icon: Award,
},
{
type: "text-icon",
text: "Innovation Leader",
icon: Lightbulb,
type: "text-icon", text: "Innovation Leader", icon: Lightbulb,
},
{
type: "text-icon",
text: "Seamless UX",
icon: Edit,
type: "text-icon", text: "Seamless UX", icon: Edit,
},
{
type: "text-icon",
text: "Pixel-Perfect Code",
icon: Code,
type: "text-icon", text: "Pixel-Perfect Code", icon: Code,
},
{
type: "text-icon",
text: "Future-Ready Design",
icon: Rocket,
type: "text-icon", text: "Future-Ready Design", icon: Rocket,
},
]}
/>
@@ -201,20 +139,11 @@ export default function LandingPage() {
description="From concept to launch, our strategic roadmap ensures every pixel serves a purpose. We meticulously plan each phase to deliver impactful, measurable results, tailored to your unique objectives."
accordionItems={[
{
id: "1",
title: "Deep Dive Discovery",
content: "We immerse ourselves in your brand, audience, and market to uncover insights that fuel truly innovative solutions.",
},
id: "1", title: "Deep Dive Discovery", content: "We immerse ourselves in your brand, audience, and market to uncover insights that fuel truly innovative solutions."},
{
id: "2",
title: "Blueprint & Storyboarding",
content: "Crafting a detailed visual narrative and technical blueprint ensures a cohesive vision from start to finish.",
},
id: "2", title: "Blueprint & Storyboarding", content: "Crafting a detailed visual narrative and technical blueprint ensures a cohesive vision from start to finish."},
{
id: "3",
title: "Iterative Prototyping",
content: "Rapid, user-centric prototyping allows us to refine concepts, gather feedback, and optimize the experience before development.",
},
id: "3", title: "Iterative Prototyping", content: "Rapid, user-centric prototyping allows us to refine concepts, gather feedback, and optimize the experience before development."},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037184.jpg"
imageAlt="Holographic 3D map showing strategic project planning"
@@ -230,47 +159,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "design-project-1",
name: "Minimalist Portfolio Site",
price: "UI/UX Design",
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg",
imageAlt: "Minimalist Portfolio Website UI design",
},
id: "design-project-1", name: "Minimalist Portfolio Site", price: "UI/UX Design", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg", imageAlt: "Minimalist Portfolio Website UI design"},
{
id: "design-project-2",
name: "3D Mobile App Experience",
price: "Interactive Design",
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
imageAlt: "3D Mobile App Interface design",
},
id: "design-project-2", name: "3D Mobile App Experience", price: "Interactive Design", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg", imageAlt: "3D Mobile App Interface design"},
{
id: "design-project-3",
name: "SaaS Landing Page Concept",
price: "Web Design",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-web-template_23-2148811889.jpg",
imageAlt: "SaaS Landing Page design concept",
},
id: "design-project-3", name: "SaaS Landing Page Concept", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-web-template_23-2148811889.jpg", imageAlt: "SaaS Landing Page design concept"},
{
id: "design-project-4",
name: "Futuristic E-commerce Platform",
price: "UX Strategy",
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
imageAlt: "Futuristic E-commerce product page",
},
id: "design-project-4", name: "Futuristic E-commerce Platform", price: "UX Strategy", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", imageAlt: "Futuristic E-commerce product page"},
{
id: "design-project-5",
name: "AI Analytics Dashboard",
price: "Data Visualization",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",
imageAlt: "AI Analytics Dashboard UI",
},
id: "design-project-5", name: "AI Analytics Dashboard", price: "Data Visualization", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg", imageAlt: "AI Analytics Dashboard UI"},
{
id: "design-project-6",
name: "Creative Agency Homepage",
price: "Immersive Web",
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
imageAlt: "Creative Agency Homepage design",
},
id: "design-project-6", name: "Creative Agency Homepage", price: "Immersive Web", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg", imageAlt: "Creative Agency Homepage design"},
]}
title="Visualizing Tomorrow's Interfaces"
description="Our award-winning design team crafts immersive experiences, blending art and technology to create interfaces that are intuitive, beautiful, and utterly captivating for Awwwards-level impact."
@@ -284,20 +183,11 @@ export default function LandingPage() {
tag="Development"
metrics={[
{
id: "1",
value: "95+",
description: "Lighthouse Score (Avg.)",
},
id: "1", value: "95+", description: "Lighthouse Score (Avg.)"},
{
id: "2",
value: "100%",
description: "Responsive Design",
},
id: "2", value: "100%", description: "Responsive Design"},
{
id: "3",
value: "3K+",
description: "Lines of Optimized Code (Avg. Project)",
},
id: "3", value: "3K+", description: "Lines of Optimized Code (Avg. Project)"},
]}
metricsAnimation="blur-reveal"
/>
@@ -310,37 +200,15 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "core-team",
groupTitle: "Our Launch Architects",
members: [
id: "core-team", groupTitle: "Our Launch Architects", members: [
{
id: "member-1",
title: "Jordan V.",
subtitle: "Lead Developer",
detail: "Ensuring pixel-perfect execution and robust performance.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg",
imageAlt: "Jordan V., Lead Developer",
},
id: "member-1", title: "Jordan V.", subtitle: "Lead Developer", detail: "Ensuring pixel-perfect execution and robust performance.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg", imageAlt: "Jordan V., Lead Developer"},
{
id: "member-2",
title: "Kai P.",
subtitle: "Motion Designer",
detail: "Crafting fluid animations and immersive visual storytelling.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-redhead-non-binary-person_23-2148760593.jpg",
imageAlt: "Kai P., Motion Designer",
},
id: "member-2", title: "Kai P.", subtitle: "Motion Designer", detail: "Crafting fluid animations and immersive visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-redhead-non-binary-person_23-2148760593.jpg", imageAlt: "Kai P., Motion Designer"},
{
id: "member-3",
title: "Lena C.",
subtitle: "UX Architect",
detail: "Designing intuitive user journeys for seamless digital experiences.",
imageSrc: "http://img.b2bpic.net/free-photo/photographer-looking-through-window_23-2148019190.jpg",
imageAlt: "Lena C., UX Architect",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-sits-desk-front-computer_1258-296305.jpg?_wi=2",
imageAlt: "female lead developer portrait",
},
id: "member-3", title: "Lena C.", subtitle: "UX Architect", detail: "Designing intuitive user journeys for seamless digital experiences.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-looking-through-window_23-2148019190.jpg", imageAlt: "Lena C., UX Architect"},
]
}
]}
title="Guiding Your Vision to Market"
description="Our dedicated specialists ensure a seamless deployment, optimizing performance and user experience to make your digital universe accessible to all, with unparalleled impact."
@@ -355,45 +223,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "client-review-1",
name: "Nova Systems",
handle: "Tech Innovation",
testimonial: "EPIPHANYs work is simply groundbreaking. Our new platform has redefined industry standards, leading to significant user engagement and praise.",
imageSrc: "http://img.b2bpic.net/free-vector/friend-request-character-icon_53876-97392.jpg",
imageAlt: "Nova Systems Logo",
},
id: "client-review-1", name: "Nova Systems", handle: "Tech Innovation", testimonial: "EPIPHANYs work is simply groundbreaking. Our new platform has redefined industry standards, leading to significant user engagement and praise.", imageSrc: "http://img.b2bpic.net/free-vector/friend-request-character-icon_53876-97392.jpg", imageAlt: "Nova Systems Logo"},
{
id: "client-review-2",
name: "Apex Dynamics",
handle: "Digital Solutions",
testimonial: "Working with EPIPHANY was a journey of discovery. They don't just build websites; they create experiences that captivate and convert.",
imageSrc: "http://img.b2bpic.net/free-vector/creative-code-logo-set_23-2148813590.jpg",
imageAlt: "Apex Dynamics Logo",
},
id: "client-review-2", name: "Apex Dynamics", handle: "Digital Solutions", testimonial: "Working with EPIPHANY was a journey of discovery. They don't just build websites; they create experiences that captivate and convert.", imageSrc: "http://img.b2bpic.net/free-vector/creative-code-logo-set_23-2148813590.jpg", imageAlt: "Apex Dynamics Logo"},
{
id: "client-review-3",
name: "Quantum Leap Studios",
handle: "Creative Media",
testimonial: "Our portfolio site went from great to absolutely iconic. The attention to cinematic detail and interaction is truly breathtaking.",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-logo-collection_23-2148158307.jpg",
imageAlt: "Quantum Leap Studios Logo",
},
id: "client-review-3", name: "Quantum Leap Studios", handle: "Creative Media", testimonial: "Our portfolio site went from great to absolutely iconic. The attention to cinematic detail and interaction is truly breathtaking.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-logo-collection_23-2148158307.jpg", imageAlt: "Quantum Leap Studios Logo"},
{
id: "client-review-4",
name: "Synapse Global",
handle: "Enterprise AI",
testimonial: "The precision and performance of our new AI dashboard are phenomenal. EPIPHANY seamlessly integrated complex data into a beautiful, intuitive UI.",
imageSrc: "http://img.b2bpic.net/free-vector/geometric-shapes-blue-logo-templates_23-2147534622.jpg",
imageAlt: "Synapse Global Logo",
},
id: "client-review-4", name: "Synapse Global", handle: "Enterprise AI", testimonial: "The precision and performance of our new AI dashboard are phenomenal. EPIPHANY seamlessly integrated complex data into a beautiful, intuitive UI.", imageSrc: "http://img.b2bpic.net/free-vector/geometric-shapes-blue-logo-templates_23-2147534622.jpg", imageAlt: "Synapse Global Logo"},
{
id: "client-review-5",
name: "Infinite Futures",
handle: "Deep Tech Ventures",
testimonial: "Their ability to translate abstract visions into concrete, high-performing digital realities is unmatched. We are beyond impressed with the results.",
imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529466.jpg",
imageAlt: "Infinite Futures Logo",
},
id: "client-review-5", name: "Infinite Futures", handle: "Deep Tech Ventures", testimonial: "Their ability to translate abstract visions into concrete, high-performing digital realities is unmatched. We are beyond impressed with the results.", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529466.jpg", imageAlt: "Infinite Futures Logo"},
]}
title="Transforming Visions, Delivering Impact"
description="Hear directly from our partners about the transformative power of EPIPHANY's work, and how we've helped them achieve unprecedented digital success and industry recognition."
@@ -408,20 +246,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What makes an EPIPHANY website Awwwards-worthy?",
content: "We combine cutting-edge 3D graphics, motion design, advanced interactive experiences, and meticulous front-end engineering to create sites that are not just beautiful, but deeply immersive and technically innovative, pushing the boundaries of web design.",
},
id: "faq-1", title: "What makes an EPIPHANY website Awwwards-worthy?", content: "We combine cutting-edge 3D graphics, motion design, advanced interactive experiences, and meticulous front-end engineering to create sites that are not just beautiful, but deeply immersive and technically innovative, pushing the boundaries of web design."},
{
id: "faq-2",
title: "How do you handle complex scroll storytelling?",
content: "Our process integrates GSAP, ScrollTrigger, and Three.js to choreograph dynamic camera movements, layered depth, and physics-inspired animations that unfold seamlessly as users scroll, creating a truly cinematic narrative.",
},
id: "faq-2", title: "How do you handle complex scroll storytelling?", content: "Our process integrates GSAP, ScrollTrigger, and Three.js to choreograph dynamic camera movements, layered depth, and physics-inspired animations that unfold seamlessly as users scroll, creating a truly cinematic narrative."},
{
id: "faq-3",
title: "Can you integrate AI or custom 3D elements?",
content: "Absolutely. Our team specializes in bespoke 3D art, interactive characters, and AI-driven elements, ensuring your website offers a unique and unforgettable experience tailored to your brand's vision.",
},
id: "faq-3", title: "Can you integrate AI or custom 3D elements?", content: "Absolutely. Our team specializes in bespoke 3D art, interactive characters, and AI-driven elements, ensuring your website offers a unique and unforgettable experience tailored to your brand's vision."},
]}
sideTitle="Answers to Your Toughest Questions"
sideDescription="Explore common inquiries about our process, technology, and what makes an EPIPHANY project truly stand out in the digital landscape."
@@ -435,14 +264,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"MetaFlow",
"DataPulse",
"VisionCraft",
"AI Nexus",
"FutureCorp",
"CyberGuard",
"InnovateX",
]}
"MetaFlow", "DataPulse", "VisionCraft", "AI Nexus", "FutureCorp", "CyberGuard", "InnovateX"]}
title="Trusted by Industry Leaders"
description="Our work speaks for itself, earning accolades and the trust of innovative brands pushing the boundaries of their industries and redefining digital interaction."
tag="Recognition"
@@ -454,8 +276,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect"
title="Ready to Create an Epiphany?"
description="Let's build something extraordinary together. Reach out to start your journey towards an unforgettable digital experience that truly stands out."
@@ -470,62 +291,37 @@ export default function LandingPage() {
logoText="EPIPHANY"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Creative Direction",
href: "#strategy",
},
label: "Creative Direction", href: "#strategy"},
{
label: "3D Art & Motion",
href: "#design",
},
label: "3D Art & Motion", href: "#design"},
{
label: "Full-Stack Development",
href: "#development",
},
label: "Full-Stack Development", href: "#development"},
{
label: "Immersive Experiences",
href: "#creativity",
},
label: "Immersive Experiences", href: "#creativity"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#creativity",
},
label: "About Us", href: "#creativity"},
{
label: "Our Work",
href: "#design",
},
label: "Our Work", href: "#design"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#connect",
},
label: "Contact", href: "#connect"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}