Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -19,36 +19,31 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Local Business"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,39 +54,23 @@ export default function LandingPage() {
|
||||
description="Your trusted partner for quality services in the community. Professional, efficient, and tailored to your unique needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-order_23-2149149689.jpg?_wi=1",
|
||||
imageAlt: "local business professional service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-order_23-2149149689.jpg", imageAlt: "local business professional service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-items-with-laptop_23-2148128325.jpg?_wi=1",
|
||||
imageAlt: "modern service office space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-items-with-laptop_23-2148128325.jpg", imageAlt: "modern service office space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-team-taking-selfie-outside_74855-2930.jpg",
|
||||
imageAlt: "team members collaborating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-team-taking-selfie-outside_74855-2930.jpg", imageAlt: "team members collaborating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-shaking-hands-with-colleague_107420-84735.jpg",
|
||||
imageAlt: "local shop exterior storefront",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-shaking-hands-with-colleague_107420-84735.jpg", imageAlt: "local shop exterior storefront"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-happy-pretty-black-girls-shopping_1262-3587.jpg",
|
||||
imageAlt: "customers happy smiling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-happy-pretty-black-girls-shopping_1262-3587.jpg", imageAlt: "customers happy smiling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quality-assurance-icon-which-print-screen-wooden-cube-block-quality-guarantee-iso-certificate-product-service-concept_616485-40.jpg",
|
||||
imageAlt: "business handshake partnership",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quality-assurance-icon-which-print-screen-wooden-cube-block-quality-guarantee-iso-certificate-product-service-concept_616485-40.jpg", imageAlt: "business handshake partnership"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,20 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built on a Foundation of Trust & Excellence",
|
||||
},
|
||||
type: "text", content: "Built on a Foundation of Trust & Excellence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg",
|
||||
alt: "professional business portrait",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg", alt: "professional business portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,23 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Consultation",
|
||||
description: "High-quality professional service for your home or business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/best-seller-badge_1057-800.jpg",
|
||||
imageAlt: "reliable service icon symbol",
|
||||
},
|
||||
title: "Expert Consultation", description: "High-quality professional service for your home or business needs.", imageSrc: "http://img.b2bpic.net/free-vector/best-seller-badge_1057-800.jpg", imageAlt: "reliable service icon symbol"},
|
||||
{
|
||||
title: "Efficiency Focused",
|
||||
description: "Expert solutions designed for efficiency and complete customer satisfaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg",
|
||||
imageAlt: "reliable service icon symbol",
|
||||
},
|
||||
title: "Efficiency Focused", description: "Expert solutions designed for efficiency and complete customer satisfaction.", imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg", imageAlt: "reliable service icon symbol"},
|
||||
{
|
||||
title: "Reliable Results",
|
||||
description: "Reliable and affordable services delivered by experienced professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/patented-label-collection-design_23-2149699955.jpg",
|
||||
imageAlt: "reliable service icon symbol",
|
||||
},
|
||||
title: "Reliable Results", description: "Reliable and affordable services delivered by experienced professionals.", imageSrc: "http://img.b2bpic.net/free-vector/patented-label-collection-design_23-2149699955.jpg", imageAlt: "reliable service icon symbol"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a range of professional solutions designed to help you succeed."
|
||||
@@ -157,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Project 1",
|
||||
price: "",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promotion-marketing-branding-commercial-advertising-concept_53876-123788.jpg",
|
||||
},
|
||||
id: "p1", name: "Project 1", price: "", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/promotion-marketing-branding-commercial-advertising-concept_53876-123788.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Project 2",
|
||||
price: "",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-concept-with-space-middle-alarm-clock_23-2147695920.jpg",
|
||||
},
|
||||
id: "p2", name: "Project 2", price: "", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-concept-with-space-middle-alarm-clock_23-2147695920.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Project 3",
|
||||
price: "",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-plant-around-smartphone_23-2147768862.jpg",
|
||||
},
|
||||
id: "p3", name: "Project 3", price: "", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/stationery-plant-around-smartphone_23-2147768862.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Project 4",
|
||||
price: "",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-card-envelope_23-2148500520.jpg",
|
||||
},
|
||||
id: "p4", name: "Project 4", price: "", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-card-envelope_23-2148500520.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Project 5",
|
||||
price: "",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-with-her-mobile_1098-407.jpg",
|
||||
},
|
||||
id: "p5", name: "Project 5", price: "", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-with-her-mobile_1098-407.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Project 6",
|
||||
price: "",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",
|
||||
},
|
||||
id: "p6", name: "Project 6", price: "", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg"},
|
||||
]}
|
||||
title="Gallery of Work"
|
||||
description="See the quality of our work firsthand through our project portfolio."
|
||||
@@ -212,25 +142,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
|
||||
alt: "client portrait smiling happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", alt: "client portrait smiling happy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
|
||||
alt: "happy customer portrait professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "happy customer portrait professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
|
||||
alt: "confident business client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "confident business client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
alt: "professional woman smiling happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "professional woman smiling happy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-man-say-yes-showing-thumbs-up-approval-praise-good-job-smiling-approvingly-st_1258-144820.jpg",
|
||||
alt: "professional man smiling happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-man-say-yes-showing-thumbs-up-approval-praise-good-job-smiling-approvingly-st_1258-144820.jpg", alt: "professional man smiling happy"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -244,58 +164,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Essential Plan",
|
||||
price: "$99",
|
||||
period: "/visit",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Standard Service",
|
||||
"Email Support",
|
||||
],
|
||||
id: "basic", title: "Essential Plan", price: "$99", period: "/visit", features: [
|
||||
"Consultation", "Standard Service", "Email Support"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-taking-notes-meeting_23-2148824872.jpg",
|
||||
imageAlt: "Smiley businesswoman taking notes during a meeting",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-taking-notes-meeting_23-2148824872.jpg", imageAlt: "Smiley businesswoman taking notes during a meeting"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro Plan",
|
||||
price: "$199",
|
||||
period: "/visit",
|
||||
features: [
|
||||
"Everything in Essential",
|
||||
"Priority Booking",
|
||||
"24/7 Support",
|
||||
"Annual Discount",
|
||||
],
|
||||
id: "pro", title: "Pro Plan", price: "$199", period: "/visit", features: [
|
||||
"Everything in Essential", "Priority Booking", "24/7 Support", "Annual Discount"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-order_23-2149149689.jpg?_wi=2",
|
||||
imageAlt: "Smiley businesswoman taking notes during a meeting",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-order_23-2149149689.jpg", imageAlt: "Smiley businesswoman taking notes during a meeting"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium Plan",
|
||||
price: "$299",
|
||||
period: "/visit",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Custom Solutions",
|
||||
"Dedicated Account Manager",
|
||||
"Monthly Maintenance",
|
||||
],
|
||||
id: "premium", title: "Premium Plan", price: "$299", period: "/visit", features: [
|
||||
"Everything in Pro", "Custom Solutions", "Dedicated Account Manager", "Monthly Maintenance"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-items-with-laptop_23-2148128325.jpg?_wi=2",
|
||||
imageAlt: "Smiley businesswoman taking notes during a meeting",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-items-with-laptop_23-2148128325.jpg", imageAlt: "Smiley businesswoman taking notes during a meeting"},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the right service package for your needs with no hidden costs."
|
||||
@@ -309,26 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Across the entire region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-our-services-label-collection_23-2149947247.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Projects Completed", description: "Across the entire region.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-our-services-label-collection_23-2149947247.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
title: "Happy Clients",
|
||||
description: "Satisfied with our results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0gldd",
|
||||
},
|
||||
id: "m2", value: "450+", title: "Happy Clients", description: "Satisfied with our results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0gldd"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Serving the local community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-label-collection_23-2149676290.jpg",
|
||||
},
|
||||
id: "m3", value: "10+", title: "Years Experience", description: "Serving the local community.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-label-collection_23-2149676290.jpg"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="We are proud of the work we've done and the community we've served."
|
||||
@@ -339,14 +209,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Contact us today to discuss your project and book a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,46 +224,29 @@ export default function LandingPage() {
|
||||
logoText="Local Business"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@localbusiness.com",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@localbusiness.com"},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "Phone", href: "tel:+1234567890"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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