bender/a73a374e-794e-442c-9284-3054aa5503a3
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 14:51:07 +00:00
parent 74d41421e2
commit bc391c6948
1 changed files with 31 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/app/contact/page.tsx
View File

@@ -31,7 +31,7 @@ export default function ContactPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
background="grid" background="circleGradient"
cardStyle="glass-depth" cardStyle="glass-depth"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -42,9 +42,7 @@ export default function ContactPage() {
brandName="Storefront" brandName="Storefront"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"}}
href: "/products",
}}
/> />
</div> </div>
@@ -61,22 +59,16 @@ export default function ContactPage() {
features={[ features={[
{ {
icon: Mail, icon: Mail,
title: "Email Support", title: "Email Support", description:
description: "Send us your questions and we'll respond within 24 hours at support@storefront.com"},
"Send us your questions and we'll respond within 24 hours at support@storefront.com",
},
{ {
icon: Phone, icon: Phone,
title: "Phone Support", title: "Phone Support", description:
description: "Call our team at 1-800-SHOP-NOW. Available Monday-Sunday, 8AM-10PM EST"},
"Call our team at 1-800-SHOP-NOW. Available Monday-Sunday, 8AM-10PM EST",
},
{ {
icon: MapPin, icon: MapPin,
title: "Visit Us", title: "Visit Us", description:
description: "Located at 123 Commerce Street, Shopping District, NY 10001. Visit our flagship store"},
"Located at 123 Commerce Street, Shopping District, NY 10001. Visit our flagship store",
},
]} ]}
/> />
</div> </div>
@@ -93,65 +85,29 @@ export default function ContactPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Jessica Lopez", handle: "@jessicalopez", testimonial:
name: "Jessica Lopez", "Outstanding quality and incredible prices! I've been shopping here for over a year and never had a single issue.", imageSrc:
handle: "@jessicalopez", "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Jessica Lopez"},
testimonial:
"Outstanding quality and incredible prices! I've been shopping here for over a year and never had a single issue.",
imageSrc:
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=5",
imageAlt: "Jessica Lopez",
},
{ {
id: "2", id: "2", name: "Marcus Thompson", handle: "@marcusthompson", testimonial:
name: "Marcus Thompson", "The customer service team is phenomenal. They resolved my question within hours!", imageSrc:
handle: "@marcusthompson", "http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg", imageAlt: "Marcus Thompson"},
testimonial:
"The customer service team is phenomenal. They resolved my question within hours!",
imageSrc:
"http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg?_wi=2",
imageAlt: "Marcus Thompson",
},
{ {
id: "3", id: "3", name: "Amanda Park", handle: "@amandapark", testimonial:
name: "Amanda Park", "Best online shopping experience ever. Fast delivery and the products are exactly as described.", imageSrc:
handle: "@amandapark", "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Amanda Park"},
testimonial:
"Best online shopping experience ever. Fast delivery and the products are exactly as described.",
imageSrc:
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=6",
imageAlt: "Amanda Park",
},
{ {
id: "4", id: "4", name: "Robert Singh", handle: "@robertsingh", testimonial:
name: "Robert Singh", "Love the loyalty program! I earn rewards on every purchase and get exclusive discounts.", imageSrc:
handle: "@robertsingh", "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg", imageAlt: "Robert Singh"},
testimonial:
"Love the loyalty program! I earn rewards on every purchase and get exclusive discounts.",
imageSrc:
"http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg?_wi=2",
imageAlt: "Robert Singh",
},
{ {
id: "5", id: "5", name: "Sofia Martinez", handle: "@sofiam", testimonial:
name: "Sofia Martinez", "Fantastic selection and unbeatable prices. This is my favorite place to shop online!", imageSrc:
handle: "@sofiam", "http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg", imageAlt: "Sofia Martinez"},
testimonial:
"Fantastic selection and unbeatable prices. This is my favorite place to shop online!",
imageSrc:
"http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg?_wi=2",
imageAlt: "Sofia Martinez",
},
{ {
id: "6", id: "6", name: "James Wilson", handle: "@jameswilson", testimonial:
name: "James Wilson", "The website is so easy to navigate. Finding products and checking out is a breeze!", imageSrc:
handle: "@jameswilson", "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"},
testimonial:
"The website is so easy to navigate. Finding products and checking out is a breeze!",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "James Wilson",
},
]} ]}
speed={40} speed={40}
/> />
@@ -164,7 +120,7 @@ export default function ContactPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
title="Let's Get You What You Need" title="Let's Get You What You Need"
description="Whether you have product questions, need order assistance, or want to share feedback, our team is ready to help. Contact us today!" description="Whether you have product questions, need order assistance, or want to share feedback, our team is ready to help. Contact us today!"
background={{ variant: "grid" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Send Message", href: "#" }, { text: "Send Message", href: "#" },
@@ -212,21 +168,13 @@ export default function ContactPage() {
{ {
items: [ items: [
{ {
label: "Facebook", label: "Facebook", href: "https://facebook.com"},
href: "https://facebook.com",
},
{ {
label: "Twitter", label: "Twitter", href: "https://twitter.com"},
href: "https://twitter.com",
},
{ {
label: "Instagram", label: "Instagram", href: "https://instagram.com"},
href: "https://instagram.com",
},
{ {
label: "LinkedIn", label: "LinkedIn", href: "https://linkedin.com"},
href: "https://linkedin.com",
},
], ],
}, },
]} ]}