Update src/app/page.tsx

This commit is contained in:
2026-03-05 15:21:31 +00:00
parent befea74c14
commit 22cd948032

View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="compact"
sizing="large"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
@@ -49,7 +49,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
rating={5}
ratingText="Trusted by 50,000+ Happy Customers"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Start Shopping", href: "products" },
{ text: "Learn More", href: "about" },
@@ -57,9 +57,11 @@ export default function LandingPage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cyber-monday-composition_23-2149055979.jpg", imageAlt: "Shopping cart with products"},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cyber-monday-composition_23-2149055979.jpg", imageAlt: "Shopping cart with products"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/paying-purchases_1098-16889.jpg", imageAlt: "Customer enjoying shopping experience"},
imageSrc: "http://img.b2bpic.net/free-photo/paying-purchases_1098-16889.jpg", imageAlt: "Customer enjoying shopping experience"
},
]}
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -114,13 +116,16 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Lightning Fast Delivery", description: "Get your orders delivered within 2-3 business days with real-time tracking and priority handling", imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", imageAlt: "Fast delivery service"},
title: "Lightning Fast Delivery", description: "Get your orders delivered within 2-3 business days with real-time tracking and priority handling", imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", imageAlt: "Fast delivery service"
},
{
id: 2,
title: "Premium Quality Guarantee", description: "All products are carefully curated and tested to ensure you receive only the best quality items", imageSrc: "http://img.b2bpic.net/free-vector/premium-quality-product-golden-label-design_1017-12393.jpg", imageAlt: "Quality assurance"},
title: "Premium Quality Guarantee", description: "All products are carefully curated and tested to ensure you receive only the best quality items", imageSrc: "http://img.b2bpic.net/free-vector/premium-quality-product-golden-label-design_1017-12393.jpg", imageAlt: "Quality assurance"
},
{
id: 3,
title: "24/7 Customer Support", description: "Our dedicated support team is always ready to help with any questions or concerns you may have", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg", imageAlt: "Customer support team"},
title: "24/7 Customer Support", description: "Our dedicated support team is always ready to help with any questions or concerns you may have", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg", imageAlt: "Customer support team"
},
]}
/>
</div>
@@ -135,17 +140,23 @@ export default function LandingPage() {
useInvertedBackground={false}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Customer testimonial 1"},
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Customer testimonial 1"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial 2"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial 2"
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "Customer testimonial 3"},
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "Customer testimonial 3"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial 4"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial 4"
},
{
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial 5"},
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Customer testimonial 5"
},
{
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Customer testimonial 6"},
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Customer testimonial 6"
},
]}
/>
</div>
@@ -161,7 +172,8 @@ export default function LandingPage() {
buttonAnimation="slide-up"
names={["TechCorp", "RetailMax", "GlobalShop", "PremiumBrands", "InnovateCo", "EliteRetail", "VendorHub"]}
logos={[
"http://img.b2bpic.net/free-vector/collection-flat-business-logo_23-2147557714.jpg", "http://img.b2bpic.net/free-vector/flat-minimal-technology-labels_23-2149083696.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/abstract-blue-logo-with-circle-middle_1043-241.jpg", "http://img.b2bpic.net/free-vector/flat-design-term-labels-set_23-2149725930.jpg", "http://img.b2bpic.net/free-vector/promotion-vintage-badges_23-2147509211.jpg", "http://img.b2bpic.net/free-photo/high-quality-brand-badge-banner-copy-space-concept_53876-13783.jpg"]}
"http://img.b2bpic.net/free-vector/collection-flat-business-logo_23-2147557714.jpg", "http://img.b2bpic.net/free-vector/flat-minimal-technology-labels_23-2149083696.jpg", "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg", "http://img.b2bpic.net/free-vector/abstract-blue-logo-with-circle-middle_1043-241.jpg", "http://img.b2bpic.net/free-vector/flat-design-term-labels-set_23-2149725930.jpg", "http://img.b2bpic.net/free-vector/promotion-vintage-badges_23-2147509211.jpg", "http://img.b2bpic.net/free-photo/high-quality-brand-badge-banner-copy-space-concept_53876-13783.jpg"
]}
speed={40}
showCard={true}
/>
@@ -187,16 +199,20 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/shophub", ariaLabel: "ShopHub Facebook"},
href: "https://facebook.com/shophub", ariaLabel: "ShopHub Facebook"
},
{
icon: Twitter,
href: "https://twitter.com/shophub", ariaLabel: "ShopHub Twitter"},
href: "https://twitter.com/shophub", ariaLabel: "ShopHub Twitter"
},
{
icon: Instagram,
href: "https://instagram.com/shophub", ariaLabel: "ShopHub Instagram"},
href: "https://instagram.com/shophub", ariaLabel: "ShopHub Instagram"
},
{
icon: Linkedin,
href: "https://linkedin.com/company/shophub", ariaLabel: "ShopHub LinkedIn"},
href: "https://linkedin.com/company/shophub", ariaLabel: "ShopHub LinkedIn"
},
]}
/>
</div>