bender/ed096ea4-50d2-4e0a-8141-41c14fc10ac6
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-05-23 00:42:57 +00:00
parent 17336837fa
commit 397aa4b32b
1 changed files with 53 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Shield } from "lucide-react";
import { Shield, Zap, Star, Award } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "product",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collection", id: "product" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Armor Shop"
/>
@@ -55,104 +43,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Adorn Your Inner Strength."
description="Armor Shop curates the finest luxury accessories for those who lead with confidence and style. Discover our exclusive collection."
testimonials={[
{
name: "Elena V.",
handle: "@elena",
testimonial: "Exquisite quality that stands out.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg?_wi=1",
imageAlt: "luxury accessory dark mood",
},
{
name: "Mark S.",
handle: "@marks",
testimonial: "The detailing is simply unparalleled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg?_wi=1",
imageAlt: "luxury accessory dark mood",
},
{
name: "Julian B.",
handle: "@julian",
testimonial: "Perfect aesthetic for the modern professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses_158538-11386.jpg?_wi=1",
imageAlt: "luxury accessory dark mood",
},
{
name: "Sofia K.",
handle: "@sofia",
testimonial: "Unmatched craftsmanship in every piece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg?_wi=1",
imageAlt: "luxury accessory dark mood",
},
{
name: "Liam T.",
handle: "@liam",
testimonial: "The weight and feel are superior to anything I own.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2831.jpg?_wi=1",
imageAlt: "luxury accessory dark mood",
},
{ name: "Elena V.", handle: "@elena", testimonial: "Exquisite quality that stands out.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg", imageAlt: "luxury accessory dark mood" },
{ name: "Mark S.", handle: "@marks", testimonial: "The detailing is simply unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg", imageAlt: "luxury accessory dark mood" },
{ name: "Julian B.", handle: "@julian", testimonial: "Perfect aesthetic for the modern professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses_158538-11386.jpg", imageAlt: "luxury accessory dark mood" },
{ name: "Sofia K.", handle: "@sofia", testimonial: "Unmatched craftsmanship in every piece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg", imageAlt: "luxury accessory dark mood" },
{ name: "Liam T.", handle: "@liam", testimonial: "The weight and feel are superior to anything I own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2831.jpg", imageAlt: "luxury accessory dark mood" }
]}
buttons={[
{
text: "Explore Collection",
href: "#product",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg?_wi=2"
buttons={[{ text: "Explore Collection", href: "#product" }]}
imageSrc="http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/eggs-feathers-bowl-near-plant-twigs_23-2148073873.jpg",
alt: "User portrait",
},
{
src: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-79746.jpg",
alt: "User portrait",
},
{
src: "http://img.b2bpic.net/free-photo/blue-designed-grunge-concrete-texture-vintage-background-with-space-text-image_1258-108924.jpg",
alt: "User portrait",
},
{
src: "http://img.b2bpic.net/free-photo/plain-dark-blue-wall-product-background_53876-110773.jpg",
alt: "User portrait",
},
{
src: "http://img.b2bpic.net/free-photo/contrasted-light-dark-wall-corners_23-2148744303.jpg",
alt: "User portrait",
},
{ src: "http://img.b2bpic.net/free-photo/eggs-feathers-bowl-near-plant-twigs_23-2148073873.jpg", alt: "User portrait" },
{ src: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-79746.jpg", alt: "User portrait" },
{ src: "http://img.b2bpic.net/free-photo/blue-designed-grunge-concrete-texture-vintage-background-with-space-text-image_1258-108924.jpg", alt: "User portrait" },
{ src: "http://img.b2bpic.net/free-photo/plain-dark-blue-wall-product-background_53876-110773.jpg", alt: "User portrait" },
{ src: "http://img.b2bpic.net/free-photo/contrasted-light-dark-wall-corners_23-2148744303.jpg", alt: "User portrait" }
]}
marqueeItems={[
{
type: "text",
text: "Premium Craftsmanship",
},
{
type: "text",
text: "Hand-stitched Leather",
},
{
type: "text",
text: "Exclusive Materials",
},
{
type: "text",
text: "Limited Editions",
},
{
type: "text",
text: "Modern Luxury",
},
{ type: "text", text: "Premium Craftsmanship" },
{ type: "text", text: "Hand-stitched Leather" },
{ type: "text", text: "Exclusive Materials" },
{ type: "text", text: "Limited Editions" },
{ type: "text", text: "Modern Luxury" }
]}
/>
</div>
@@ -165,7 +81,7 @@ export default function LandingPage() {
description="Armor Shop represents a fusion of traditional craftsmanship and modern avant-garde design. Every piece tells a story."
subdescription="We source only the finest materials, ensuring every accessory serves as an extension of your persona."
icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -177,42 +93,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Midnight Cuff",
price: "$890",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses_158538-11386.jpg?_wi=2",
},
{
id: "2",
name: "Starlight Ring",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg?_wi=2",
},
{
id: "3",
name: "Shadow Belt",
price: "$1,500",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2831.jpg?_wi=2",
},
{
id: "4",
name: "Obsidian Pendant",
price: "$2,100",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-women-s-earrings-rays-sun_8353-9670.jpg",
},
{
id: "5",
name: "Eclipse Glasses",
price: "$950",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-with-long-brown-hair-blue-sunglasses-naked-shoulders-isolated-grey-background_613910-11021.jpg",
},
{
id: "6",
name: "Vanguard Wallet",
price: "$700",
imageSrc: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164038.jpg",
},
{ id: "1", name: "Midnight Cuff", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses_158538-11386.jpg" },
{ id: "2", name: "Starlight Ring", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg" },
{ id: "3", name: "Shadow Belt", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2831.jpg" },
{ id: "4", name: "Obsidian Pendant", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/stylish-women-s-earrings-rays-sun_8353-9670.jpg" },
{ id: "5", name: "Eclipse Glasses", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-with-long-brown-hair-blue-sunglasses-naked-shoulders-isolated-grey-background_613910-11021.jpg" },
{ id: "6", name: "Vanguard Wallet", price: "$700", imageSrc: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164038.jpg" }
]}
title="Curated Exclusives"
description="Each item is selected for its unique blend of utility and aesthetic perfection."
@@ -224,30 +110,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Artisan Craft",
description: "Hand-stitched details.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094583.jpg",
},
{
title: "Premium Materials",
description: "Only top-tier metals.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-125864.jpg",
},
{
title: "Engraved Signatures",
description: "Custom identity markers.",
buttonIcon: "Star",
imageSrc: "http://img.b2bpic.net/free-photo/black-plate-with-pasta-dark-background_23-2148340396.jpg",
},
{
title: "Exclusive Packaging",
description: "Luxury delivered in style.",
buttonIcon: "Award",
imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg",
},
{ title: "Artisan Craft", description: "Hand-stitched details.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094583.jpg" },
{ title: "Premium Materials", description: "Only top-tier metals.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-125864.jpg" },
{ title: "Engraved Signatures", description: "Custom identity markers.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/black-plate-with-pasta-dark-background_23-2148340396.jpg" },
{ title: "Exclusive Packaging", description: "Luxury delivered in style.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/packages-wrapped_1122-834.jpg" }
]}
title="Why Choose Armor?"
description="We define luxury through uncompromising standards and timeless aesthetics."
@@ -258,15 +124,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"GQ",
"Hypebeast",
"Esquire",
"DesignBoom",
"Monocle",
"Architectural Digest",
]}
names={["Vogue", "GQ", "Hypebeast", "Esquire", "DesignBoom", "Monocle", "Architectural Digest"]}
title="Recognized by Experts"
description="Industry leaders in fashion and design celebrate our unique approach."
/>
@@ -278,41 +136,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Aria J.",
role: "Collector",
testimonial: "The texture and weight are perfect.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148760475.jpg",
},
{
id: "2",
name: "Julian B.",
role: "Stylist",
testimonial: "Exquisite, refined, and truly unique.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup_158538-22772.jpg",
},
{
id: "3",
name: "Sofia K.",
role: "Designer",
testimonial: "I haven't seen this kind of attention to detail elsewhere.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-brunette-hair-pink-bandana-cute-smile-long-sleeve-polka-dot-shirt-smiling-posing-with-cocktail-glass_197531-28142.jpg",
},
{
id: "4",
name: "Liam T.",
role: "Architect",
testimonial: "Solidly built, visually stunning.",
imageSrc: "http://img.b2bpic.net/free-photo/low-key-shot-young-man-hat_1163-2026.jpg",
},
{
id: "5",
name: "Mia H.",
role: "Creative",
testimonial: "Worth every single cent.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-female-sitting-leaning-back-wooden-chair-studio-portrait-smiling-pretty_7502-10383.jpg",
},
{ id: "1", name: "Aria J.", role: "Collector", testimonial: "The texture and weight are perfect.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148760475.jpg" },
{ id: "2", name: "Julian B.", role: "Stylist", testimonial: "Exquisite, refined, and truly unique.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup_158538-22772.jpg" },
{ id: "3", name: "Sofia K.", role: "Designer", testimonial: "I haven't seen this kind of attention to detail elsewhere.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-brunette-hair-pink-bandana-cute-smile-long-sleeve-polka-dot-shirt-smiling-posing-with-cocktail-glass_197531-28142.jpg" },
{ id: "4", name: "Liam T.", role: "Architect", testimonial: "Solidly built, visually stunning.", imageSrc: "http://img.b2bpic.net/free-photo/low-key-shot-young-man-hat_1163-2026.jpg" },
{ id: "5", name: "Mia H.", role: "Creative", testimonial: "Worth every single cent.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-female-sitting-leaning-back-wooden-chair-studio-portrait-smiling-pretty_7502-10383.jpg" }
]}
title="From Our Inner Circle"
description="Voices of those who demand the best in luxury accessories."
@@ -323,21 +151,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Are items bespoke?",
content: "Most collections are limited runs.",
},
{
id: "2",
title: "Shipping timing?",
content: "Express shipping available worldwide.",
},
{
id: "3",
title: "Do you accept returns?",
content: "Within 30 days of purchase.",
},
{ id: "1", title: "Are items bespoke?", content: "Most collections are limited runs." },
{ id: "2", title: "Shipping timing?", content: "Express shipping available worldwide." },
{ id: "3", title: "Do you accept returns?", content: "Within 30 days of purchase." }
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
@@ -347,9 +163,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Stay Updated"
title="Join the Elite Inner Circle"
description="Receive early access to limited releases and special events."
@@ -362,31 +176,17 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Store",
items: [
{
label: "Shop All",
href: "#product",
},
{
label: "About",
href: "#about",
},
],
title: "Store", items: [
{ label: "Shop All", href: "#product" },
{ label: "About", href: "#about" }
]
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "FAQ", href: "#faq" }
]
}
]}
logoText="Armor Shop"
/>