Merge version_2 into main #1
216
src/app/page.tsx
216
src/app/page.tsx
@@ -32,42 +32,29 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Elegant Web Design"
|
||||
brandName="JP Business Web Design"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="ELEGANT WEB DESIGN"
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="JP BUSINESS WEB DESIGN"
|
||||
description="Transforming business visions into premium, conversion-ready digital experiences. Elevate your brand with sophisticated design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Templates",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Templates", href: "#portfolio"},
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-end-clean-minimalist-website-hero-1777586879912-bf9d590e.png"
|
||||
@@ -84,19 +71,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Premium Quality",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Premium Quality", value: "100%"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Lightning Fast",
|
||||
value: "0.8s",
|
||||
},
|
||||
label: "Lightning Fast", value: "0.8s"},
|
||||
{
|
||||
icon: User,
|
||||
label: "Client Focus",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Client Focus", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,38 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Modern E-Commerce",
|
||||
author: "Designed for Sales",
|
||||
description: "High-converting online store templates with seamless checkouts.",
|
||||
tags: [
|
||||
"Sales",
|
||||
"UI",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/professional-e-commerce-template-preview-1777586893373-4956338b.png",
|
||||
},
|
||||
id: "1", title: "Modern E-Commerce", author: "Designed for Sales", description: "High-converting online store templates with seamless checkouts.", tags: [
|
||||
"Sales", "UI"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/professional-e-commerce-template-preview-1777586893373-4956338b.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Consulting Firms",
|
||||
author: "Built for Authority",
|
||||
description: "Professional, trust-driven designs for consultants and agencies.",
|
||||
tags: [
|
||||
"Authority",
|
||||
"UX",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/professional-corporate-consulting-templa-1777586901350-15dd421f.png",
|
||||
},
|
||||
id: "2", title: "Consulting Firms", author: "Built for Authority", description: "Professional, trust-driven designs for consultants and agencies.", tags: [
|
||||
"Authority", "UX"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/professional-corporate-consulting-templa-1777586901350-15dd421f.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wellness & Spa",
|
||||
author: "Designed for Calm",
|
||||
description: "Serene, inviting digital spaces for wellness business owners.",
|
||||
tags: [
|
||||
"Minimal",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/professional-spa-and-wellness-template-p-1777586911822-e8dce069.png",
|
||||
},
|
||||
id: "3", title: "Wellness & Spa", author: "Designed for Calm", description: "Serene, inviting digital spaces for wellness business owners.", tags: [
|
||||
"Minimal", "Design"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/professional-spa-and-wellness-template-p-1777586911822-e8dce069.png"},
|
||||
]}
|
||||
title="Tailored Web Solutions"
|
||||
description="We specialize in distinct styles for every business niche, ensuring your website reflects your unique brand identity."
|
||||
@@ -155,41 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Modern Business Pro",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586925549-fe6be62d.png",
|
||||
},
|
||||
id: "p1", name: "The Modern Business Pro", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586925549-fe6be62d.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Creative Agency Studio",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586937260-e78582ac.png",
|
||||
},
|
||||
id: "p2", name: "Creative Agency Studio", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586937260-e78582ac.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Real Estate",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586947910-439b1669.png",
|
||||
},
|
||||
id: "p3", name: "Luxury Real Estate", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586947910-439b1669.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tech SaaS Startup",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586955604-063791f5.png",
|
||||
},
|
||||
id: "p4", name: "Tech SaaS Startup", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586955604-063791f5.png"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Professional Law Firm",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586971772-9c23ab79.png",
|
||||
},
|
||||
id: "p5", name: "Professional Law Firm", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586971772-9c23ab79.png"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Premium Restaurant Menu",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586982873-e1851b0b.png",
|
||||
},
|
||||
id: "p6", name: "Premium Restaurant Menu", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS2c5XOzamBKHvztrTovvILPCF/a-high-quality-website-template-interfac-1777586982873-e1851b0b.png"},
|
||||
]}
|
||||
title="Our Template Gallery"
|
||||
description="Explore our premium selection of website templates. Each is fully customizable and optimized for peak performance."
|
||||
@@ -202,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Increased Conversion",
|
||||
quote: "My new website design doubled our leads in just one month.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO, Miller Consult",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
},
|
||||
id: "1", title: "Increased Conversion", quote: "My new website design doubled our leads in just one month.", name: "Sarah Miller", role: "CEO, Miller Consult", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Modern & Sleek",
|
||||
quote: "The design is exactly what we needed to stand out in the market.",
|
||||
name: "David Chen",
|
||||
role: "Founder, TechStart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
},
|
||||
id: "2", title: "Modern & Sleek", quote: "The design is exactly what we needed to stand out in the market.", name: "David Chen", role: "Founder, TechStart", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fantastic Support",
|
||||
quote: "Responsive and professional. Best design investment we've made.",
|
||||
name: "Emily Watson",
|
||||
role: "Director, CreativeCo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-close-window_1098-433.jpg",
|
||||
},
|
||||
id: "3", title: "Fantastic Support", quote: "Responsive and professional. Best design investment we've made.", name: "Emily Watson", role: "Director, CreativeCo", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-close-window_1098-433.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Beyond Expectations",
|
||||
quote: "High quality, modern design that truly fits our brand voice.",
|
||||
name: "Mark Roberts",
|
||||
role: "Owner, LawPro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-front-glass-building_23-2147704438.jpg",
|
||||
},
|
||||
id: "4", title: "Beyond Expectations", quote: "High quality, modern design that truly fits our brand voice.", name: "Mark Roberts", role: "Owner, LawPro", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-front-glass-building_23-2147704438.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfect Aesthetic",
|
||||
quote: "Sophisticated designs that finally match the quality of our service.",
|
||||
name: "Laura James",
|
||||
role: "Owner, PureSpa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-senior-asian-female-woman-tattoo-glasses-casual-cloth-business-owner-standing-hand-hold-laptop-coffee-sup-confident-smile-isolate-yellow-background-studio-shot_609648-2966.jpg",
|
||||
},
|
||||
id: "5", title: "Perfect Aesthetic", quote: "Sophisticated designs that finally match the quality of our service.", name: "Laura James", role: "Owner, PureSpa", imageSrc: "http://img.b2bpic.net/free-photo/old-senior-asian-female-woman-tattoo-glasses-casual-cloth-business-owner-standing-hand-hold-laptop-coffee-sup-confident-smile-isolate-yellow-background-studio-shot_609648-2966.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what business owners are saying about their new websites."
|
||||
@@ -252,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a website design take?",
|
||||
content: "Most projects take 2-4 weeks depending on the complexity of the requirements.",
|
||||
},
|
||||
id: "q1", title: "How long does a website design take?", content: "Most projects take 2-4 weeks depending on the complexity of the requirements."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I customize the templates?",
|
||||
content: "Absolutely. Every template is fully customizable to match your brand colors, fonts, and content.",
|
||||
},
|
||||
id: "q2", title: "Can I customize the templates?", content: "Absolutely. Every template is fully customizable to match your brand colors, fonts, and content."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide hosting?",
|
||||
content: "While we don't provide direct hosting, we'll guide you through the process of setting up the best hosting for your site.",
|
||||
},
|
||||
id: "q3", title: "Do you provide hosting?", content: "While we don't provide direct hosting, we'll guide you through the process of setting up the best hosting for your site."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our web design process."
|
||||
@@ -277,14 +174,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to transform your business presence? Let’s design your future together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "mailto:hello@elegantweb.com",
|
||||
},
|
||||
text: "Book Consultation", href: "mailto:hello@elegantweb.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,52 +189,36 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ELEGANT WEB DESIGN"
|
||||
logoText="JP BUSINESS WEB DESIGN"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user