Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/gradient-abstract-vertical-double-sided-business-card-template_23-2149267535.jpg"
|
||||
logoAlt="Dremedia logo"
|
||||
@@ -72,13 +60,9 @@ export default function LandingPage() {
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Explore Our Work", href: "#portfolio"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rocket-spaceship-launch-startup-mission-graphic_53876-123880.jpg"
|
||||
imageAlt="Dynamic marketing agency services collage"
|
||||
@@ -87,25 +71,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-smiling-man-co-working-office-startup-freelancer-holding-using-tablet_285396-9048.jpg",
|
||||
alt: "Smiling young professional headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-smiling-man-co-working-office-startup-freelancer-holding-using-tablet_285396-9048.jpg", alt: "Smiling young professional headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg",
|
||||
alt: "Confident business person headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg", alt: "Confident business person headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/short-break-is-obligatory-work_329181-12032.jpg",
|
||||
alt: "Creative team member headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/short-break-is-obligatory-work_329181-12032.jpg", alt: "Creative team member headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
alt: "Happy client profile photo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Happy client profile photo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-cartoon-characters-together_23-2150964455.jpg",
|
||||
alt: "Strategic partner avatar photo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/men-cartoon-characters-together_23-2150964455.jpg", alt: "Strategic partner avatar photo"},
|
||||
]}
|
||||
avatarText="Join 250+ satisfied brands"
|
||||
/>
|
||||
@@ -133,19 +107,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic templates",
|
||||
"Poor content strategy",
|
||||
"Low engagement rates",
|
||||
"Outdated web design",
|
||||
],
|
||||
"Generic templates", "Poor content strategy", "Low engagement rates", "Outdated web design"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Tailored content",
|
||||
"Strategic campaigns",
|
||||
"High audience engagement",
|
||||
"Modern, responsive sites",
|
||||
],
|
||||
"Tailored content", "Strategic campaigns", "High audience engagement", "Modern, responsive sites"],
|
||||
}}
|
||||
title="Comprehensive Digital Solutions"
|
||||
description="We offer a full spectrum of marketing services designed to elevate your brand. Specializing in video production, social media, and web design, we ensure your message stands out."
|
||||
@@ -153,9 +119,7 @@ export default function LandingPage() {
|
||||
tagIcon={CheckCircle}
|
||||
buttons={[
|
||||
{
|
||||
text: "See All Services",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "See All Services", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,49 +129,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dynamic Video Ads",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-cinema-with-film-elements_23-2150063129.jpg",
|
||||
imageAlt: "Dynamic video ad concept",
|
||||
},
|
||||
id: "1", name: "Dynamic Video Ads", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/concept-cinema-with-film-elements_23-2150063129.jpg", imageAlt: "Dynamic video ad concept"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brand Story Videos",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg",
|
||||
imageAlt: "Brand storytelling through video",
|
||||
},
|
||||
id: "2", name: "Brand Story Videos", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg", imageAlt: "Brand storytelling through video"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Social Media Campaigns",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blog-online-get-touch-digital-community-media_53876-120166.jpg",
|
||||
imageAlt: "Successful social media campaign",
|
||||
},
|
||||
id: "3", name: "Social Media Campaigns", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/blog-online-get-touch-digital-community-media_53876-120166.jpg", imageAlt: "Successful social media campaign"},
|
||||
{
|
||||
id: "4",
|
||||
name: "E-commerce Website",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862080.jpg",
|
||||
imageAlt: "High-conversion e-commerce website design",
|
||||
},
|
||||
id: "4", name: "E-commerce Website", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862080.jpg", imageAlt: "High-conversion e-commerce website design"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Corporate Website",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345411.jpg",
|
||||
imageAlt: "Sophisticated corporate website",
|
||||
},
|
||||
id: "5", name: "Corporate Website", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345411.jpg", imageAlt: "Sophisticated corporate website"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Portfolio Websites",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
imageAlt: "Creative portfolio website",
|
||||
},
|
||||
id: "6", name: "Portfolio Websites", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Creative portfolio website"},
|
||||
]}
|
||||
title="Our Creative Portfolio"
|
||||
description="Dive into our award-winning projects that showcase our creativity, technical prowess, and dedication to delivering exceptional results for our clients."
|
||||
@@ -215,9 +150,7 @@ export default function LandingPage() {
|
||||
tagIcon={Award}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Projects",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "View All Projects", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,14 +160,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Apple",
|
||||
"Meta",
|
||||
"Adobe",
|
||||
"Netflix",
|
||||
"Spotify",
|
||||
]}
|
||||
"Google", "Microsoft", "Apple", "Meta", "Adobe", "Netflix", "Spotify"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our commitment to excellence has earned the trust of major brands across various industries."
|
||||
tag="Partners"
|
||||
@@ -253,53 +179,23 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sceptical-creative-man-green-blazer-dark-background_613910-3829.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sceptical-creative-man-green-blazer-dark-background_613910-3829.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Project Lead",
|
||||
company: "Creative Minds",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Project Lead", company: "Creative Minds", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chris Adams",
|
||||
role: "Brand Strategist",
|
||||
company: "Visionary Brands",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-x-letter-polygon-paper-design_23-2148319161.jpg",
|
||||
},
|
||||
id: "6", name: "Chris Adams", role: "Brand Strategist", company: "Visionary Brands", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-x-letter-polygon-paper-design_23-2148319161.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from the businesses we've helped succeed. Their words are our greatest endorsement."
|
||||
@@ -315,20 +211,11 @@ export default function LandingPage() {
|
||||
tag="Our Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "250+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "1", value: "250+", description: "Projects Completed"},
|
||||
{
|
||||
id: "2",
|
||||
value: "150%",
|
||||
description: "Avg. Client Growth",
|
||||
},
|
||||
id: "2", value: "150%", description: "Avg. Client Growth"},
|
||||
{
|
||||
id: "3",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
id: "3", value: "5.0", description: "Star Rating"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -340,35 +227,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What kind of businesses do you work with?",
|
||||
content: "We partner with businesses of all sizes, from startups to established enterprises, across various industries. Our solutions are tailored to meet your unique marketing needs.",
|
||||
},
|
||||
id: "1", title: "What kind of businesses do you work with?", content: "We partner with businesses of all sizes, from startups to established enterprises, across various industries. Our solutions are tailored to meet your unique marketing needs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Project timelines vary depending on scope and complexity. We'll provide a detailed timeline after our initial consultation and project assessment.",
|
||||
},
|
||||
id: "2", title: "How long does a typical project take?", content: "Project timelines vary depending on scope and complexity. We'll provide a detailed timeline after our initial consultation and project assessment."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you handle both video and web design?",
|
||||
content: "Absolutely! We pride ourselves on offering integrated solutions, combining our expertise in video production, social media, and web design for a cohesive brand experience.",
|
||||
},
|
||||
id: "3", title: "Can you handle both video and web design?", content: "Absolutely! We pride ourselves on offering integrated solutions, combining our expertise in video production, social media, and web design for a cohesive brand experience."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What makes Dremedia different from other agencies?",
|
||||
content: "Our blend of creative vision, technical precision, and strategic insight sets us apart. We focus on measurable results and building lasting partnerships with our clients.",
|
||||
},
|
||||
id: "4", title: "What makes Dremedia different from other agencies?", content: "Our blend of creative vision, technical precision, and strategic insight sets us apart. We focus on measurable results and building lasting partnerships with our clients."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer ongoing support or maintenance?",
|
||||
content: "Yes, we provide ongoing support and maintenance packages for our web design and social media clients to ensure your digital assets remain optimized and up-to-date.",
|
||||
},
|
||||
id: "5", title: "Do you offer ongoing support or maintenance?", content: "Yes, we provide ongoing support and maintenance packages for our web design and social media clients to ensure your digital assets remain optimized and up-to-date."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do we start a project with Dremedia?",
|
||||
content: "It's simple! Reach out to us through our contact form or give us a call to schedule a free consultation. We'll discuss your goals and how we can help achieve them.",
|
||||
},
|
||||
id: "6", title: "How do we start a project with Dremedia?", content: "It's simple! Reach out to us through our contact form or give us a call to schedule a free consultation. We'll discuss your goals and how we can help achieve them."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions about our services and process."
|
||||
@@ -382,14 +251,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
text="Ready to Transform Your Brand?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Today",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started Today", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -402,49 +268,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
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