Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Essence"
|
||||
/>
|
||||
@@ -52,32 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Sophisticated Design for Modern Brands"
|
||||
description="We build elegant, high-impact digital experiences that resonate with your audience and elevate your brand's presence."
|
||||
tag="Elevate Your Identity"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-earth-tone-design_53876-102718.jpg",
|
||||
imageAlt: "Minimal Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-earth-tone-design_53876-102718.jpg", imageAlt: "Minimal Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-paint-brush-strokes-forming-circular-shape-white-canvas_23-2148079143.jpg",
|
||||
imageAlt: "Organic Shape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-orange-painted-canvas_53876-89422.jpg",
|
||||
imageAlt: "Pink and orange painted canvas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-acrylic-texture-background_53876-101908.jpg",
|
||||
imageAlt: "Beige acrylic texture background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watusi-beige-acrylic-texture-background-wallpaper_53876-104727.jpg",
|
||||
imageAlt: "Watusi beige acrylic texture background wallpaper",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-paint-brush-strokes-forming-circular-shape-white-canvas_23-2148079143.jpg", imageAlt: "Organic Shape"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,20 +82,11 @@ export default function LandingPage() {
|
||||
description="Our suite of design tools empowers you to reach new heights of creativity."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Modern Aesthetics",
|
||||
content: "Visuals that define the future.",
|
||||
},
|
||||
id: "1", title: "Modern Aesthetics", content: "Visuals that define the future."},
|
||||
{
|
||||
id: "2",
|
||||
title: "User Centric",
|
||||
content: "Designed with the human in mind.",
|
||||
},
|
||||
id: "2", title: "User Centric", content: "Designed with the human in mind."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Scalable Frameworks",
|
||||
content: "Built for growth and longevity.",
|
||||
},
|
||||
id: "3", title: "Scalable Frameworks", content: "Built for growth and longevity."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080285.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -130,14 +98,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Innovate",
|
||||
"GlobalScale",
|
||||
"GrowthCo",
|
||||
"TechSphere",
|
||||
"CreativeLab",
|
||||
"DesignMind",
|
||||
"FutureWay",
|
||||
]}
|
||||
"Innovate", "GlobalScale", "GrowthCo", "TechSphere", "CreativeLab", "DesignMind", "FutureWay"]}
|
||||
title="Partnered with Leaders"
|
||||
description="Trusted by ambitious teams globally."
|
||||
/>
|
||||
@@ -150,31 +111,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Consistent 5-star ratings",
|
||||
"Rapid delivery cycles",
|
||||
],
|
||||
id: "m1", value: "98%", title: "Client Satisfaction", items: [
|
||||
"Consistent 5-star ratings", "Rapid delivery cycles"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Projects Delivered",
|
||||
items: [
|
||||
"Tailored brand experiences",
|
||||
"Scalable solutions",
|
||||
],
|
||||
id: "m2", value: "150+", title: "Projects Delivered", items: [
|
||||
"Tailored brand experiences", "Scalable solutions"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
items: [
|
||||
"Always there for you",
|
||||
"Comprehensive assistance",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Support Availability", items: [
|
||||
"Always there for you", "Comprehensive assistance"],
|
||||
},
|
||||
]}
|
||||
title="Real Results"
|
||||
@@ -190,45 +136,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wang",
|
||||
role: "Creative Director",
|
||||
company: "DesignHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Wang", role: "Creative Director", company: "DesignHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
role: "Founder",
|
||||
company: "GrowthX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Evans", role: "Founder", company: "GrowthX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
role: "Product Manager",
|
||||
company: "TechBase",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-evening-street_1303-3828.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Lee", role: "Product Manager", company: "TechBase", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-evening-street_1303-3828.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Designer",
|
||||
company: "CreateCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576824.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Designer", company: "CreateCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576824.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie Chen",
|
||||
role: "Lead Architect",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg",
|
||||
},
|
||||
id: "5", name: "Julie Chen", role: "Lead Architect", company: "BuildLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our partners say about working with us."
|
||||
@@ -240,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide custom branding?",
|
||||
content: "Yes, all our services include full brand identity customization.",
|
||||
},
|
||||
id: "q1", title: "Do you provide custom branding?", content: "Yes, all our services include full brand identity customization."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline for design?",
|
||||
content: "Projects typically range from 2 to 4 weeks depending on scope.",
|
||||
},
|
||||
id: "q2", title: "What is the timeline for design?", content: "Projects typically range from 2 to 4 weeks depending on scope."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do we get started?",
|
||||
content: "Simply fill out our contact form and we'll be in touch.",
|
||||
},
|
||||
id: "q3", title: "How do we get started?", content: "Simply fill out our contact form and we'll be in touch."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -267,22 +179,14 @@ export default function LandingPage() {
|
||||
description="Ready to bring your vision to life? Get in touch with us today."
|
||||
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,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661583.jpg"
|
||||
/>
|
||||
@@ -293,29 +197,19 @@ export default function LandingPage() {
|
||||
logoText="Essence"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user