Merge version_1 into main #2
133
src/app/page.tsx
133
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
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="Cas media"
|
||||
/>
|
||||
@@ -49,45 +43,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Redefining Digital Presence."
|
||||
description="Cas media builds premium digital experiences for forward-thinking brands."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Work", href: "#services"},
|
||||
{
|
||||
text: "Let's Talk",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Let's Talk", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png",
|
||||
imageAlt: "Minimalist Studio",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png", imageAlt: "Minimalist Studio"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png",
|
||||
imageAlt: "Abstract Waves",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png", imageAlt: "Abstract Waves"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png",
|
||||
imageAlt: "Architectural Lines",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png", imageAlt: "Architectural Lines"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png",
|
||||
imageAlt: "Ink In Water",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png", imageAlt: "Ink In Water"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png",
|
||||
imageAlt: "Frosted Glass",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png", imageAlt: "Frosted Glass"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/subtle-dark-gradient-dots-on-black-moder-1775072404912-a2fb2181.png",
|
||||
imageAlt: "Digital Dots",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/subtle-dark-gradient-dots-on-black-moder-1775072404912-a2fb2181.png", imageAlt: "Digital Dots"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -108,30 +85,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategy",
|
||||
description: "Defining your path to digital success.",
|
||||
tag: "Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/high-end-software-dashboard-showing-clea-1775072411448-70e19bb1.png",
|
||||
},
|
||||
id: "f1", title: "Strategy", description: "Defining your path to digital success.", tag: "Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/high-end-software-dashboard-showing-clea-1775072411448-70e19bb1.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Execution",
|
||||
description: "Pixel-perfect development tailored for scale.",
|
||||
tag: "Code",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/minimalist-digital-strategy-diagram-clea-1775072406032-cbfc3d72.png",
|
||||
},
|
||||
id: "f2", title: "Execution", description: "Pixel-perfect development tailored for scale.", tag: "Code", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/minimalist-digital-strategy-diagram-clea-1775072406032-cbfc3d72.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Growth",
|
||||
description: "Data-driven results for your brand.",
|
||||
tag: "Launch",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/abstract-web-development-concept-clean-c-1775072407160-a9329e52.png",
|
||||
},
|
||||
id: "f3", title: "Growth", description: "Data-driven results for your brand.", tag: "Launch", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/abstract-web-development-concept-clean-c-1775072407160-a9329e52.png"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Tailored solutions for your digital growth."
|
||||
@@ -146,25 +109,15 @@ export default function LandingPage() {
|
||||
author="Jordan Smith, Marketing Lead at Lux"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/a-hyper-minimalist-studio-backdrop-with--1775072405309-6cd2bca5.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/elegant-dark-abstract-wave-patterns-slow-1775072405644-67b433c6.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-architectural-lines-in-a-dark-offi-1775072406243-9b97b274.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/deep-black-ink-floating-in-water-etherea-1775072406516-8c9c46b2.png", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/clean-frosted-glass-surface-with-subtle--1775072406621-3fe98b27.png", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -178,61 +131,41 @@ export default function LandingPage() {
|
||||
description="Ready to take your digital experience to the next level?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BlYUvh0xrA7ekWz6i2tzxN2N0Q/solid-dark-textured-background-elegant-a-1775072406436-a5f9d806.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Cas media",
|
||||
items: [
|
||||
title: "Cas media", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user