bender/bd469956-88dd-4b40-aaba-b36cf021896b
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-11 02:42:41 +00:00
parent caa9eb261a
commit 9e3a0fdd36
1 changed files with 62 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Performance", name: "Performance", id: "#performance"},
id: "#performance",
},
{ {
name: "Models", name: "Models", id: "#products"},
id: "#products",
},
{ {
name: "Reviews", name: "Reviews", id: "#reviews"},
id: "#reviews",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hb2fm" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hb2fm"
logoAlt="Samsung Galaxy S26 Logo" logoAlt="Samsung Galaxy S26 Logo"
@@ -78,13 +64,9 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
buttons={[ buttons={[
{ {
text: "Discover More", text: "Discover More", href: "#features"},
href: "#features",
},
{ {
text: "Pre-order Now", text: "Pre-order Now", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4948.jpg" imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4948.jpg"
@@ -93,25 +75,15 @@ export default function LandingPage() {
textPosition="bottom" textPosition="bottom"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/three-office-workers-focused-smartphones_1262-16433.jpg", src: "http://img.b2bpic.net/free-photo/three-office-workers-focused-smartphones_1262-16433.jpg", alt: "Customer testimonial avatar 1"},
alt: "Customer testimonial avatar 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-businessman-wearing-eyeglasses-using-mobile-phone_23-2148176094.jpg", src: "http://img.b2bpic.net/free-photo/portrait-businessman-wearing-eyeglasses-using-mobile-phone_23-2148176094.jpg", alt: "Customer testimonial avatar 2"},
alt: "Customer testimonial avatar 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-bearded-male-dressed-blue-fleece-shirt-drinks-hot-coffee-near-window-rest-room-with-loft-interior_613910-12210.jpg", src: "http://img.b2bpic.net/free-photo/portrait-bearded-male-dressed-blue-fleece-shirt-drinks-hot-coffee-near-window-rest-room-with-loft-interior_613910-12210.jpg", alt: "Customer testimonial avatar 3"},
alt: "Customer testimonial avatar 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-working-from-home-christmas-season_181624-23548.jpg", src: "http://img.b2bpic.net/free-photo/young-caucasian-man-working-from-home-christmas-season_181624-23548.jpg", alt: "Customer testimonial avatar 4"},
alt: "Customer testimonial avatar 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2624.jpg", src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2624.jpg", alt: "Customer testimonial avatar 5"},
alt: "Customer testimonial avatar 5",
},
]} ]}
avatarText="Join over 1M satisfied users" avatarText="Join over 1M satisfied users"
/> />
@@ -122,14 +94,10 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="Designed for What's Next" title="Designed for What's Next"
description={[ description={[
"The Galaxy S26 sets a new standard for smartphone excellence. Crafted with precision and an eye for detail, its seamless form factor and premium materials offer an unmatched tactile experience. Every curve, every finish, speaks volumes about its superior engineering.", "The Galaxy S26 sets a new standard for smartphone excellence. Crafted with precision and an eye for detail, its seamless form factor and premium materials offer an unmatched tactile experience. Every curve, every finish, speaks volumes about its superior engineering.", "Beyond aesthetics, the S26 integrates groundbreaking advancements to empower your daily life. From its robust, eco-conscious construction to its intuitive interface, it's a device built to evolve with you, pushing the boundaries of technology and user experience."]}
"Beyond aesthetics, the S26 integrates groundbreaking advancements to empower your daily life. From its robust, eco-conscious construction to its intuitive interface, it's a device built to evolve with you, pushing the boundaries of technology and user experience.",
]}
buttons={[ buttons={[
{ {
text: "Explore Design", text: "Explore Design", href: "#products"},
href: "#products",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
showBorder={true} showBorder={true}
@@ -146,20 +114,11 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
accordionItems={[ accordionItems={[
{ {
id: "camera", id: "camera", title: "Pro-Grade Camera System", content: "Capture life's moments in stunning detail with the S26's revolutionary quad-camera setup. Featuring an enhanced 200MP main sensor, advanced AI image processing, and 100x Space Zoom, your photos and videos will be cinematic masterpieces."},
title: "Pro-Grade Camera System",
content: "Capture life's moments in stunning detail with the S26's revolutionary quad-camera setup. Featuring an enhanced 200MP main sensor, advanced AI image processing, and 100x Space Zoom, your photos and videos will be cinematic masterpieces.",
},
{ {
id: "display", id: "display", title: "Dynamic AMOLED 2X Display", content: "Immerse yourself in vibrant colors and incredible clarity on the S26's expansive Dynamic AMOLED 2X display. With adaptive refresh rates up to 120Hz and peak brightness, every visual comes to life with breathtaking realism."},
title: "Dynamic AMOLED 2X Display",
content: "Immerse yourself in vibrant colors and incredible clarity on the S26's expansive Dynamic AMOLED 2X display. With adaptive refresh rates up to 120Hz and peak brightness, every visual comes to life with breathtaking realism.",
},
{ {
id: "performance", id: "performance", title: "Next-Gen Performance", content: "Powered by the latest Exynos/Snapdragon chipset, the Galaxy S26 delivers blistering speeds for gaming, multitasking, and AI-driven tasks. Experience seamless performance that keeps up with your demanding lifestyle."},
title: "Next-Gen Performance",
content: "Powered by the latest Exynos/Snapdragon chipset, the Galaxy S26 delivers blistering speeds for gaming, multitasking, and AI-driven tasks. Experience seamless performance that keeps up with your demanding lifestyle.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4924.jpg" imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4924.jpg"
imageAlt="Close-up of Samsung Galaxy S26 camera module" imageAlt="Close-up of Samsung Galaxy S26 camera module"
@@ -172,31 +131,14 @@ export default function LandingPage() {
<MetricCardEleven <MetricCardEleven
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
metrics={[ metrics={[
{ {
id: "chipset", id: "chipset", value: "3.5GHz+", title: "Octa-Core Chipset", description: "Experience lightning-fast processing and unparalleled efficiency with our custom-engineered processor.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-illustration-blue-screen-smart-phone-with-ai-chip-isolated-white-background_181624-56646.jpg", imageAlt: "Futuristic processor chip"},
value: "3.5GHz+",
title: "Octa-Core Chipset",
description: "Experience lightning-fast processing and unparalleled efficiency with our custom-engineered processor.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-illustration-blue-screen-smart-phone-with-ai-chip-isolated-white-background_181624-56646.jpg",
imageAlt: "Futuristic processor chip",
},
{ {
id: "ram", id: "ram", value: "16GB", title: "Dynamic RAM", description: "Seamless multitasking and ultra-smooth performance for all your demanding applications.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-technological-background_23-2148882666.jpg", imageAlt: "Abstract RAM module"},
value: "16GB",
title: "Dynamic RAM",
description: "Seamless multitasking and ultra-smooth performance for all your demanding applications.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-technological-background_23-2148882666.jpg",
imageAlt: "Abstract RAM module",
},
{ {
id: "battery", id: "battery", value: "5000mAh", title: "All-Day Battery", description: "Power through your day with an intelligent battery designed for extended usage.", imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58931.jpg", imageAlt: "Stylized battery icon"},
value: "5000mAh",
title: "All-Day Battery",
description: "Power through your day with an intelligent battery designed for extended usage.",
imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58931.jpg",
imageAlt: "Stylized battery icon",
},
]} ]}
title="Power Beyond Limits" title="Power Beyond Limits"
description="Explore the core advancements that make the Galaxy S26 an undeniable powerhouse." description="Explore the core advancements that make the Galaxy S26 an undeniable powerhouse."
@@ -211,65 +153,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "model-black", id: "model-black", brand: "Samsung", name: "Galaxy S26 Cosmic Black", price: "$1199", rating: 5,
brand: "Samsung", reviewCount: "1200 reviews", imageSrc: "http://img.b2bpic.net/free-photo/black-smartphone-dark-shadow_187299-46935.jpg", imageAlt: "Samsung Galaxy S26 in Cosmic Black"},
name: "Galaxy S26 Cosmic Black",
price: "$1199",
rating: 5,
reviewCount: "1200 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/black-smartphone-dark-shadow_187299-46935.jpg",
imageAlt: "Samsung Galaxy S26 in Cosmic Black",
},
{ {
id: "model-silver", id: "model-silver", brand: "Samsung", name: "Galaxy S26 Lunar Silver", price: "$1199", rating: 4.9,
brand: "Samsung", reviewCount: "980 reviews", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4954.jpg", imageAlt: "Samsung Galaxy S26 in Lunar Silver"},
name: "Galaxy S26 Lunar Silver",
price: "$1199",
rating: 4.9,
reviewCount: "980 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4954.jpg",
imageAlt: "Samsung Galaxy S26 in Lunar Silver",
},
{ {
id: "model-blue", id: "model-blue", brand: "Samsung", name: "Galaxy S26 Galactic Blue", price: "$1249", rating: 5,
brand: "Samsung", reviewCount: "1150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4805.jpg", imageAlt: "Samsung Galaxy S26 in Galactic Blue"},
name: "Galaxy S26 Galactic Blue",
price: "$1249",
rating: 5,
reviewCount: "1150 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4805.jpg",
imageAlt: "Samsung Galaxy S26 in Galactic Blue",
},
{ {
id: "model-green", id: "model-green", brand: "Samsung", name: "Galaxy S26 Emerald Green", price: "$1249", rating: 4.8,
brand: "Samsung", reviewCount: "890 reviews", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4839.jpg", imageAlt: "Samsung Galaxy S26 in Emerald Green"},
name: "Galaxy S26 Emerald Green",
price: "$1249",
rating: 4.8,
reviewCount: "890 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4839.jpg",
imageAlt: "Samsung Galaxy S26 in Emerald Green",
},
{ {
id: "model-red", id: "model-red", brand: "Samsung", name: "Galaxy S26 Crimson Red", price: "$1299", rating: 4.9,
brand: "Samsung", reviewCount: "720 reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-photo-mobile-phone-red-t-shirt-looking-cheerful_176474-17970.jpg", imageAlt: "Samsung Galaxy S26 in Crimson Red"},
name: "Galaxy S26 Crimson Red",
price: "$1299",
rating: 4.9,
reviewCount: "720 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-photo-mobile-phone-red-t-shirt-looking-cheerful_176474-17970.jpg",
imageAlt: "Samsung Galaxy S26 in Crimson Red",
},
{ {
id: "model-gold", id: "model-gold", brand: "Samsung", name: "Galaxy S26 Stellar Gold", price: "$1349", rating: 5,
brand: "Samsung", reviewCount: "650 reviews", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-mobile-crescent-perspective-side-white-background_187299-37679.jpg", imageAlt: "Samsung Galaxy S26 in Stellar Gold"},
name: "Galaxy S26 Stellar Gold",
price: "$1349",
rating: 5,
reviewCount: "650 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-mobile-crescent-perspective-side-white-background_187299-37679.jpg",
imageAlt: "Samsung Galaxy S26 in Stellar Gold",
},
]} ]}
title="Discover Your Perfect Galaxy S26" title="Discover Your Perfect Galaxy S26"
description="Choose from a range of stunning finishes and models, each crafted to perfection." description="Choose from a range of stunning finishes and models, each crafted to perfection."
@@ -284,45 +184,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "Tech Reviewer", company: "Digital Pulse", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5381.jpg"},
role: "Tech Reviewer",
company: "Digital Pulse",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5381.jpg",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "Professional Photographer", company: "Visionary Studios", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg"},
role: "Professional Photographer",
company: "Visionary Studios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "Creative Director", company: "Innovate Labs", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-lawyer-looking-his-laptop_23-2148230748.jpg"},
role: "Creative Director",
company: "Innovate Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-lawyer-looking-his-laptop_23-2148230748.jpg",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Mobile Gamer", company: "Esports Enthusiast", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-smartphone_23-2148406334.jpg"},
role: "Mobile Gamer",
company: "Esports Enthusiast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-smartphone_23-2148406334.jpg",
},
{ {
id: "5", id: "5", name: "Jessica Lee", role: "Productivity Consultant", company: "Efficiency Solutions", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg"},
role: "Productivity Consultant",
company: "Efficiency Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",
},
]} ]}
title="What Our Users Are Saying" title="What Our Users Are Saying"
description="Hear from those who have already experienced the Galaxy S26 difference." description="Hear from those who have already experienced the Galaxy S26 difference."
@@ -335,30 +210,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", id: "faq1", title: "What's new in the Galaxy S26 compared to S25?", content: "The Galaxy S26 features an upgraded processor for superior performance, a more advanced camera system with enhanced AI capabilities, a brighter and more dynamic display, and a refined design with new color options."},
title: "What's new in the Galaxy S26 compared to S25?",
content: "The Galaxy S26 features an upgraded processor for superior performance, a more advanced camera system with enhanced AI capabilities, a brighter and more dynamic display, and a refined design with new color options.",
},
{ {
id: "faq2", id: "faq2", title: "Is the Galaxy S26 waterproof?", content: "Yes, the Samsung Galaxy S26 comes with an IP68 rating, meaning it is dust-tight and can withstand submersion in up to 1.5 meters of fresh water for up to 30 minutes. However, it is not recommended for beach or pool use."},
title: "Is the Galaxy S26 waterproof?",
content: "Yes, the Samsung Galaxy S26 comes with an IP68 rating, meaning it is dust-tight and can withstand submersion in up to 1.5 meters of fresh water for up to 30 minutes. However, it is not recommended for beach or pool use.",
},
{ {
id: "faq3", id: "faq3", title: "What are the storage options available?", content: "The Galaxy S26 is available in 256GB, 512GB, and 1TB internal storage configurations. There is no expandable storage via microSD card, so choose wisely!"},
title: "What are the storage options available?",
content: "The Galaxy S26 is available in 256GB, 512GB, and 1TB internal storage configurations. There is no expandable storage via microSD card, so choose wisely!",
},
{ {
id: "faq4", id: "faq4", title: "Does it support 5G connectivity?", content: "Absolutely. The Galaxy S26 is fully equipped with the latest 5G modem, offering blazing-fast download and upload speeds, ensuring you're always connected at the highest possible speeds."},
title: "Does it support 5G connectivity?",
content: "Absolutely. The Galaxy S26 is fully equipped with the latest 5G modem, offering blazing-fast download and upload speeds, ensuring you're always connected at the highest possible speeds.",
},
{ {
id: "faq5", id: "faq5", title: "What is the battery life like?", content: "The S26 boasts an optimized 5000mAh battery coupled with intelligent power management, providing exceptional all-day battery life for most users. Fast charging and wireless charging are also supported."},
title: "What is the battery life like?",
content: "The S26 boasts an optimized 5000mAh battery coupled with intelligent power management, providing exceptional all-day battery life for most users. Fast charging and wireless charging are also supported.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033597.jpg" imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033597.jpg"
imageAlt="Hands holding Galaxy S26 displaying FAQ" imageAlt="Hands holding Galaxy S26 displaying FAQ"
@@ -377,8 +237,7 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
tag="Join the Future" tag="Join the Future"
tagIcon={Phone} tagIcon={Phone}
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
@@ -386,13 +245,9 @@ export default function LandingPage() {
description="Be among the first to experience the next generation of mobile technology. Secure your Samsung Galaxy S26 now and elevate your digital lifestyle." description="Be among the first to experience the next generation of mobile technology. Secure your Samsung Galaxy S26 now and elevate your digital lifestyle."
buttons={[ buttons={[
{ {
text: "Pre-order Now", text: "Pre-order Now", href: "https://www.samsung.com/global/galaxy/s26/buy"},
href: "https://www.samsung.com/global/galaxy/s26/buy",
},
{ {
text: "Contact Sales", text: "Contact Sales", href: "mailto:sales@samsung.com"},
href: "mailto:sales@samsung.com",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -406,49 +261,31 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Galaxy S26", label: "Galaxy S26", href: "#hero"},
href: "#hero",
},
{ {
label: "Accessories", label: "Accessories", href: "#products"},
href: "#products",
},
{ {
label: "Specifications", label: "Specifications", href: "#performance"},
href: "#performance",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "About Samsung", label: "About Samsung", href: "#about"},
href: "#about",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Press Center", label: "Press Center", href: "#"},
href: "#",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Support Center", label: "Support Center", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "Warranty Info", label: "Warranty Info", href: "#"},
href: "#",
},
], ],
}, },
]} ]}