From 7ff7f3c2332de58f59fb8764370373aaf39dd697 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 17 Apr 2026 07:11:30 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 280 +++++++++++------------------------------------ 1 file changed, 65 insertions(+), 215 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 557e3dd..c5f975d 100644 --- a/src/app/page.tsx +++ b/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" > @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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() { @@ -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: "#"}, ], }, ]} -- 2.49.1