Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-03-06 13:56:22 +00:00

View File

@@ -20,7 +20,7 @@ export default function FlipCardPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
@@ -36,7 +36,8 @@ export default function FlipCardPage() {
{ name: "About", id: "about" },
]}
button={{
text: "Download App", href: "https://example.com/download"}}
text: "Download App", href: "https://example.com/download"
}}
/>
</div>
@@ -46,19 +47,23 @@ export default function FlipCardPage() {
description="Swipe, flip, and discover amazing products with our intuitive card-based shopping interface. Find exactly what you're looking for with smooth interactions and premium design."
tag="Revolutionary Shopping"
tagIcon={Sparkles}
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-vector/realistic-cyber-monday-brochure-template_23-2149099065.jpg"
imageAlt="FlipCard Shopping Interface"
mediaAnimation="slide-up"
testimonials={[
{
name: "Jessica Chen", handle: "Fashion Enthusiast", testimonial: "The flip card interface makes shopping so fun and engaging!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79291.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79291.jpg"
},
{
name: "Marcus Rodriguez", handle: "Tech Reviewer", testimonial: "Best shopping app experience I've ever used. Incredibly smooth.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"
},
{
name: "Sarah Williams", handle: "Lifestyle Blogger", testimonial: "Finally an app that makes browsing products enjoyable and intuitive.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
},
]}
buttons={[
{ text: "Start Shopping", href: "#products" },
@@ -107,13 +112,16 @@ export default function FlipCardPage() {
features={[
{
id: 1,
tag: "Intuitive Design", title: "Flip to Explore", subtitle: "Interactive card interface for seamless browsing", description: "Simply flip cards to see product details, pricing, and customer reviews. Our interface makes product discovery engaging and fun, turning shopping into an enjoyable experience.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-with-smartphone_23-2148348507.jpg", imageAlt: "Flip interface demonstration"},
tag: "Intuitive Design", title: "Flip to Explore", subtitle: "Interactive card interface for seamless browsing", description: "Simply flip cards to see product details, pricing, and customer reviews. Our interface makes product discovery engaging and fun, turning shopping into an enjoyable experience.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-with-smartphone_23-2148348507.jpg", imageAlt: "Flip interface demonstration"
},
{
id: 2,
tag: "Smart Recommendations", title: "Personalized Results", subtitle: "AI-powered product suggestions tailored for you", description: "Our intelligent algorithm learns your preferences and suggests products you'll love. Get recommendations based on your browsing history and purchase patterns.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg", imageAlt: "Personalized recommendations system"},
tag: "Smart Recommendations", title: "Personalized Results", subtitle: "AI-powered product suggestions tailored for you", description: "Our intelligent algorithm learns your preferences and suggests products you'll love. Get recommendations based on your browsing history and purchase patterns.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg", imageAlt: "Personalized recommendations system"
},
{
id: 3,
tag: "Quick Checkout", title: "One-Tap Purchase", subtitle: "Fast and secure payment processing", description: "Add items to cart with a single tap and checkout in seconds. Multiple payment options with bank-level security ensure your transactions are safe.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893763.jpg", imageAlt: "Quick checkout process"},
tag: "Quick Checkout", title: "One-Tap Purchase", subtitle: "Fast and secure payment processing", description: "Add items to cart with a single tap and checkout in seconds. Multiple payment options with bank-level security ensure your transactions are safe.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893763.jpg", imageAlt: "Quick checkout process"
},
]}
/>
</div>
@@ -127,7 +135,8 @@ export default function FlipCardPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Apple", "Google", "Amazon", "Samsung", "Nike", "Sony", "Microsoft", "Netflix"]}
"Apple", "Google", "Amazon", "Samsung", "Nike", "Sony", "Microsoft", "Netflix"
]}
speed={50}
showCard={true}
/>
@@ -137,17 +146,23 @@ export default function FlipCardPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1", name: "Emma Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "professional woman customer avatar"},
id: "1", name: "Emma Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "professional woman customer avatar"
},
{
id: "2", name: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "professional man customer avatar"},
id: "2", name: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "professional man customer avatar"
},
{
id: "3", name: "Laura Martinez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg", imageAlt: "professional woman customer avatar"},
id: "3", name: "Laura Martinez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg", imageAlt: "professional woman customer avatar"
},
{
id: "4", name: "James Murphy", imageSrc: "http://img.b2bpic.net/free-photo/side-view-depressed-black-man-portrait_23-2149699085.jpg", imageAlt: "professional man customer avatar"},
id: "4", name: "James Murphy", imageSrc: "http://img.b2bpic.net/free-photo/side-view-depressed-black-man-portrait_23-2149699085.jpg", imageAlt: "professional man customer avatar"
},
{
id: "5", name: "Sophie Anderson", imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg", imageAlt: "professional woman customer avatar"},
id: "5", name: "Sophie Anderson", imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg", imageAlt: "professional woman customer avatar"
},
{
id: "6", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg", imageAlt: "professional man customer avatar"},
id: "6", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg", imageAlt: "professional man customer avatar"
},
]}
cardTitle="Over 5 Million Users Love Shopping with FlipCard"
cardTag="Customer Satisfaction"
@@ -181,7 +196,7 @@ export default function FlipCardPage() {
{ text: "Get Started", href: "https://example.com/signup" },
{ text: "Contact Support", href: "mailto:support@flipcard.com" },
]}
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>