Merge version_1 into main #1
198
src/app/page.tsx
198
src/app/page.tsx
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Concepts",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Concepts", id: "#about"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Process", id: "#features"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Results", id: "#metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="CYAN EIGHT ELEVEN"
|
||||
button={{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Inquire", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,63 +52,33 @@ export default function LandingPage() {
|
||||
description="We specialize in crafting bespoke visual concepts that embody futuristic elegance and precision engineering for world-class brands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@rivet",
|
||||
testimonial: "Exceptional vision and execution. The brand concepts were truly ahead of their time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-man-with-beard-restaurant_1262-3602.jpg",
|
||||
},
|
||||
name: "Alex Rivet", handle: "@rivet", testimonial: "Exceptional vision and execution. The brand concepts were truly ahead of their time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-man-with-beard-restaurant_1262-3602.jpg"},
|
||||
{
|
||||
name: "Elena Voss",
|
||||
handle: "@voss",
|
||||
testimonial: "Cyan Eight Eleven transformed our market presence completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
name: "Elena Voss", handle: "@voss", testimonial: "Cyan Eight Eleven transformed our market presence completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
name: "Marcus Kane",
|
||||
handle: "@kane",
|
||||
testimonial: "Precision, aesthetic, and professional excellence. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
},
|
||||
name: "Marcus Kane", handle: "@kane", testimonial: "Precision, aesthetic, and professional excellence. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
|
||||
{
|
||||
name: "Siri J.",
|
||||
handle: "@sirij",
|
||||
testimonial: "A luxury experience from start to finish. Stunning work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
|
||||
},
|
||||
name: "Siri J.", handle: "@sirij", testimonial: "A luxury experience from start to finish. Stunning work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
|
||||
{
|
||||
name: "Liam Thorne",
|
||||
handle: "@thorne",
|
||||
testimonial: "The most professional branding partner we have ever engaged with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
},
|
||||
name: "Liam Thorne", handle: "@thorne", testimonial: "The most professional branding partner we have ever engaged with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-101226.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
alt: "Side view smiley modern female",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg", alt: "Side view smiley modern female"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Middle age businessman smiling happy standing at the city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", alt: "Middle age businessman smiling happy standing at the city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg",
|
||||
alt: "Stylish man in a flannel suit and glasses standing next to a against a brick wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg", alt: "Stylish man in a flannel suit and glasses standing next to a against a brick wall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "POV of businessman attending videocall meeting in office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "POV of businessman attending videocall meeting in office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg",
|
||||
alt: "A handsome young man wearing a checkered shirt standing at night in the street",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg", alt: "A handsome young man wearing a checkered shirt standing at night in the street"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,26 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Conceptualization",
|
||||
subtitle: "Deep discovery and sketching.",
|
||||
category: "Phase 1",
|
||||
value: "Defined",
|
||||
},
|
||||
id: "1", title: "Conceptualization", subtitle: "Deep discovery and sketching.", category: "Phase 1", value: "Defined"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stylization",
|
||||
subtitle: "Refining form and weight.",
|
||||
category: "Phase 2",
|
||||
value: "Crafted",
|
||||
},
|
||||
id: "2", title: "Stylization", subtitle: "Refining form and weight.", category: "Phase 2", value: "Crafted"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Final Polishing",
|
||||
subtitle: "Color, light, and geometry.",
|
||||
category: "Phase 3",
|
||||
value: "Perfected",
|
||||
},
|
||||
id: "3", title: "Final Polishing", subtitle: "Color, light, and geometry.", category: "Phase 3", value: "Perfected"},
|
||||
]}
|
||||
title="Our Creative Process"
|
||||
description="From conceptual sketches to the final polished monogram, we ensure every pixel aligns with your brand vision."
|
||||
@@ -176,22 +121,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Concepts Delivered",
|
||||
value: "500+",
|
||||
icon: Award,
|
||||
id: "m1", title: "Concepts Delivered", value: "500+", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Brand Partners",
|
||||
value: "120+",
|
||||
icon: Shield,
|
||||
id: "m2", title: "Brand Partners", value: "120+", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Global Markets",
|
||||
value: "24",
|
||||
icon: Globe,
|
||||
id: "m3", title: "Global Markets", value: "24", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="The Impact"
|
||||
@@ -204,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AutoLuxury",
|
||||
"CyberNet",
|
||||
"Elysium Fashion",
|
||||
"Summit Finance",
|
||||
"MediaNova",
|
||||
"Apex Studio",
|
||||
"PrimeFuture",
|
||||
]}
|
||||
"AutoLuxury", "CyberNet", "Elysium Fashion", "Summit Finance", "MediaNova", "Apex Studio", "PrimeFuture"]}
|
||||
title="Trusted Partners"
|
||||
description="Industry leaders rely on our vision."
|
||||
/>
|
||||
@@ -221,48 +150,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "VP Design",
|
||||
company: "AutoLuxury",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", role: "VP Design", company: "AutoLuxury", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert",
|
||||
role: "CEO",
|
||||
company: "CyberNet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
},
|
||||
id: "t2", name: "Robert", role: "CEO", company: "CyberNet", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Avery",
|
||||
role: "Creative Lead",
|
||||
company: "Elysium",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "t3", name: "Avery", role: "Creative Lead", company: "Elysium", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James",
|
||||
role: "Director",
|
||||
company: "MediaNova",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-white-shirt-holds-photo-camera-isolated-grey_613910-463.jpg",
|
||||
},
|
||||
id: "t4", name: "James", role: "Director", company: "MediaNova", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-white-shirt-holds-photo-camera-isolated-grey_613910-463.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Claire",
|
||||
role: "Founder",
|
||||
company: "Apex Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-siting-cafeteria-with-laptop-computer-table_342744-455.jpg",
|
||||
},
|
||||
id: "t5", name: "Claire", role: "Founder", company: "Apex Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-siting-cafeteria-with-laptop-computer-table_342744-455.jpg"},
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="See why top tier brands work with us."
|
||||
@@ -273,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Inquire About Concepts"
|
||||
description="Ready to build your visual legacy? Let's initiate a conversation about your brand."
|
||||
tag="Contact"
|
||||
@@ -287,37 +191,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Philosophy", href: "#about"},
|
||||
{
|
||||
label: "Concepts",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Concepts", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Client Portal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Client Portal", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user