bender/c4aded67-62e6-4a62-9d01-6192f01b6734
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 00:25:30 +00:00
parent f141583271
commit 826f8f5ef5
1 changed files with 46 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { CreditCard, Lock, Mail, MessageSquare, ShieldCheck } from "lucide-react";
import { CreditCard, Lock, Mail, MessageSquare, ShieldCheck, Headset } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Products",
id: "/#products",
},
name: "Products", id: "/#products"},
{
name: "Sign Up / Log In",
id: "/auth",
},
name: "Sign Up / Log In", id: "/auth"},
{
name: "Contact Us",
id: "/contact",
},
name: "Contact Us", id: "/contact"},
]}
brandName="ShopFusion"
/>
@@ -56,65 +48,35 @@ export default function LandingPage() {
description="Explore our curated collection of high-quality products, hand-picked just for you. Shop with confidence and style."
testimonials={[
{
name: "Sarah Johnson",
handle: "@sarah_j",
testimonial: "Absolutely love the quality and selection! My go-to store now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg?_wi=1",
},
name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Absolutely love the quality and selection! My go-to store now.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg"},
{
name: "Michael Chen",
handle: "@mike_c",
testimonial: "Fast shipping and fantastic customer service. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-showing-gift-box-against-pink-background_23-2147890965.jpg",
},
name: "Michael Chen", handle: "@mike_c", testimonial: "Fast shipping and fantastic customer service. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-showing-gift-box-against-pink-background_23-2147890965.jpg"},
{
name: "Emily Rodriguez",
handle: "@emily_r",
testimonial: "Found unique items I couldn't find anywhere else. A real gem!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
},
name: "Emily Rodriguez", handle: "@emily_r", testimonial: "Found unique items I couldn't find anywhere else. A real gem!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg"},
{
name: "David Kim",
handle: "@dave_k",
testimonial: "The products exceed expectations. Great value for money.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-afro-american-man-wearing-black-pullover-posing-outdoor-terrace_291650-214.jpg",
},
name: "David Kim", handle: "@dave_k", testimonial: "The products exceed expectations. Great value for money.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-afro-american-man-wearing-black-pullover-posing-outdoor-terrace_291650-214.jpg"},
{
name: "Jessica Lee",
handle: "@jessica_l",
testimonial: "Always a pleasure to shop here. Secure and reliable!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",
},
name: "Jessica Lee", handle: "@jessica_l", testimonial: "Always a pleasure to shop here. Secure and reliable!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg"},
]}
testimonialRotationInterval={5000}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Profile picture of John Doe",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Profile picture of John Doe"},
{
src: "http://img.b2bpic.net/free-photo/portrait-3d-female-doctor_23-2151107459.jpg",
alt: "Profile picture of Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/portrait-3d-female-doctor_23-2151107459.jpg", alt: "Profile picture of Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100187.jpg",
alt: "Profile picture of Robert Brown",
},
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100187.jpg", alt: "Profile picture of Robert Brown"},
{
src: "http://img.b2bpic.net/free-photo/indoor-shot-cheerful-young-brunette-woman-with-braid-smiling-happily_273609-9326.jpg",
alt: "Profile picture of Alice Green",
},
src: "http://img.b2bpic.net/free-photo/indoor-shot-cheerful-young-brunette-woman-with-braid-smiling-happily_273609-9326.jpg", alt: "Profile picture of Alice Green"},
{
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
alt: "Profile picture of Chris Miller",
},
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "Profile picture of Chris Miller"},
]}
imageSrc="http://img.b2bpic.net/free-photo/scene-with-minimal-podiums-3d_23-2149183767.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/scene-with-minimal-podiums-3d_23-2149183767.jpg"
imageAlt="Collection of modern products in a vibrant shopping environment"
/>
</div>
@@ -127,47 +89,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Elegant Wristwatch",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg",
imageAlt: "Stylish minimalist wristwatch",
},
id: "p1", name: "Elegant Wristwatch", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg", imageAlt: "Stylish minimalist wristwatch"},
{
id: "p2",
name: "Wireless Headphones",
price: "$199.99",
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg",
imageAlt: "Sleek black over-ear headphones",
},
id: "p2", name: "Wireless Headphones", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg", imageAlt: "Sleek black over-ear headphones"},
{
id: "p3",
name: "Leather Wallet",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12978.jpg",
imageAlt: "Brown bifold leather wallet",
},
id: "p3", name: "Leather Wallet", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12978.jpg", imageAlt: "Brown bifold leather wallet"},
{
id: "p4",
name: "Smart Home Speaker",
price: "$99.00",
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-usb-stick_58702-17213.jpg",
imageAlt: "White voice assistant smart speaker",
},
id: "p4", name: "Smart Home Speaker", price: "$99.00", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-usb-stick_58702-17213.jpg", imageAlt: "White voice assistant smart speaker"},
{
id: "p5",
name: "Portable Power Bank",
price: "$35.00",
imageSrc: "http://img.b2bpic.net/free-photo/lighter-orange-background-macro-detail_58702-2370.jpg",
imageAlt: "Compact portable power bank",
},
id: "p5", name: "Portable Power Bank", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/lighter-orange-background-macro-detail_58702-2370.jpg", imageAlt: "Compact portable power bank"},
{
id: "p6",
name: "Designer Sunglasses",
price: "$75.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-girl-wearing-blue-sunglasses_23-2149550628.jpg",
imageAlt: "Stylish designer sunglasses",
},
id: "p6", name: "Designer Sunglasses", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-girl-wearing-blue-sunglasses_23-2149550628.jpg", imageAlt: "Stylish designer sunglasses"},
]}
title="Our Featured Collection"
description="Hand-picked items that our customers love. Find something unique today."
@@ -181,69 +113,33 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Global Shipping",
description: "We deliver your favorite products right to your doorstep, anywhere in the world.",
bentoComponent: {
bentoComponent: "globe",
},
imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg",
imageAlt: "global e-commerce map connections",
},
title: "Global Shipping", description: "We deliver your favorite products right to your doorstep, anywhere in the world.", bentoComponent: "globe", imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-21158.jpg", imageAlt: "global e-commerce map connections"},
{
title: "Secure Payments",
description: "Shop with confidence knowing your transactions are protected by industry-leading security measures.",
bentoComponent: {
bentoComponent: "icon-info-cards",
items: [
title: "Secure Payments", description: "Shop with confidence knowing your transactions are protected by industry-leading security measures.", bentoComponent: "icon-info-cards", items: [
{
icon: CreditCard,
label: "Cards Accepted",
value: "Visa, MC, Amex",
},
label: "Cards Accepted", value: "Visa, MC, Amex"},
{
icon: ShieldCheck,
label: "Protected by",
value: "SSL Encryption",
},
label: "Protected by", value: "SSL Encryption"},
{
icon: Lock,
label: "Security Level",
value: "High Grade",
},
label: "Security Level", value: "High Grade"},
],
},
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-minimal-podiums-3d_23-2149183767.jpg?_wi=2",
imageAlt: "global e-commerce map connections",
},
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-minimal-podiums-3d_23-2149183767.jpg", imageAlt: "global e-commerce map connections"},
{
title: "Dedicated Support",
description: "Our friendly customer service team is always ready to assist you with any questions or concerns.",
bentoComponent: {
bentoComponent: "3d-stack-cards",
items: [
title: "Dedicated Support", description: "Our friendly customer service team is always ready to assist you with any questions or concerns.", bentoComponent: "3d-stack-cards", items: [
{
icon: Headset,
title: "24/7 Support",
subtitle: "Always here for you",
detail: "Chat, Email, Phone",
},
title: "24/7 Support", subtitle: "Always here for you", detail: "Chat, Email, Phone"},
{
icon: Mail,
title: "Email Response",
subtitle: "Within 24 hours",
detail: "support@shopfusion.com",
},
title: "Email Response", subtitle: "Within 24 hours", detail: "support@shopfusion.com"},
{
icon: MessageSquare,
title: "Live Chat",
subtitle: "Instant help",
detail: "Available on site",
},
title: "Live Chat", subtitle: "Instant help", detail: "Available on site"},
],
},
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg?_wi=2",
imageAlt: "global e-commerce map connections",
},
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg", imageAlt: "global e-commerce map connections"},
]}
title="Why Shop With Us?"
description="Experience a seamless shopping journey with benefits designed for your convenience and peace of mind."
@@ -258,25 +154,15 @@ export default function LandingPage() {
author="Olivia R. - Avid Shopper"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
alt: "Profile picture of David P.",
},
src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg", alt: "Profile picture of David P."},
{
src: "http://img.b2bpic.net/free-photo/serious-young-woman-looking_74855-3109.jpg",
alt: "Profile picture of Sarah K.",
},
src: "http://img.b2bpic.net/free-photo/serious-young-woman-looking_74855-3109.jpg", alt: "Profile picture of Sarah K."},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
alt: "Profile picture of Alex M.",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg", alt: "Profile picture of Alex M."},
{
src: "http://img.b2bpic.net/free-photo/beautiful-charming-blond-girl-dreamily-posing-camera-isolated-yellow-background_574295-2993.jpg",
alt: "Profile picture of Chloe B.",
},
src: "http://img.b2bpic.net/free-photo/beautiful-charming-blond-girl-dreamily-posing-camera-isolated-yellow-background_574295-2993.jpg", alt: "Profile picture of Chloe B."},
{
src: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2149347632.jpg",
alt: "Profile picture of Marcus L.",
},
src: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2149347632.jpg", alt: "Profile picture of Marcus L."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -288,14 +174,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Express",
"SecurePay Solutions",
"CustomerCare Pro",
"InnovateTech Group",
"Retailer Hub",
"DataGuard Systems",
"SwiftLogistics",
]}
"Global Express", "SecurePay Solutions", "CustomerCare Pro", "InnovateTech Group", "Retailer Hub", "DataGuard Systems", "SwiftLogistics"]}
title="Trusted by Thousands of Happy Customers"
description="Our commitment to quality and service is backed by partnerships with leading companies and positive feedback from our community."
speed={40}
@@ -306,13 +185,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="ShopFusion"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>