Free Consultation
Get Technical Help

Content & Language

Edit text, titles, and translations across 5 built-in languages.

App Title & Description

Metadata

Open the project in your code editor and navigate to:

📁 project_root └─📁 app └─[locale] └─layout.js← change app title & description here

Inside layout.js, find the metadata object and update the title and description values.

Home Page Sections

Section Order

To reorder, hide, or show sections on the home page, edit:

📁/app/[locale]/ └─page.js← reorder or hide sections

You'll see JSX tags like <HeroSection />, <ServiceProvide />, <WhyChooseUs />,<ProjectOverview />, etc. Simply rearrange them to change the display order, or wrap them in {/* ... */} to hide.

Multi-Language Content

5 Languages

StripCard ships with 5 languages out of the box. All translations live inside the messages folder as JSON files.

📁 project_root └─📁 messages ├─en.json ← English├─ar.json ← Arabic├─es.json ← Spanish├─fr.json ← French└─hi.json ← Hindi

For example, to change hero section content, open en.json and find the hero key:

messages/en.json
{ 
"Hero": { 
"badge": "Welcome To StripCard!", 
"heading1": "Unveiling the", 
"heading2": "Virtual Card", 
"heading3": "Experience", 
"description": "The payment needs of major online giants such as AliExpress, Netflix, Facebook-Google Advertising, Amazon, and various other shopping platforms.", 
"cta": "Apply Virtual Card", 
"activeUsers": "active users", 
"topRated": "Top Rated", 
"secure": "100% Secure", 
"sslProtected": "SSL Protected", 
"instant": "Instant", 
"activation": "Activation", 
"stars": "/ 5 stars", 
"growth": "+24% Growth", 
"monthlyUsers": "Monthly active users" 
} 
}

Apply the same process for every language file. Openar.json,es.json,fr.json,hi.json and translate the same keys for each one.

Contact Information

Address • Phone • Email

In each language file, search for "Contact" — you'll find your contact block there. Update it like so:

messages/en.json — Contact
"Contact": { 
"form": { 
"badge": "Contact Us", 
"title": { 
"part1": "Feel Free To", 
"highlight": "Get In Touch", 
"part2": "With Us" 
}, 
"labels": { 
"name": "Name *", 
"email": "Email *", 
"phone": "Phone", 
"subject": "Subject *", 
"message": "Message *" 
}, 
"placeholders": { 
"name": "Enter Name", 
"email": "Enter Email Address", 
"phone": "Enter Phone", 
"subject": "Enter Subject", 
"message": "Write your message here..." 
}, 
"recaptchaError": "Please complete the reCAPTCHA verification.", 
"successMessage": "Message send successfully!", 
"errorMessage": "Something went wrong. Please try again.", 
"button": "Send Message", 
"sending": "Sending..." 
}, 
"info": { 
"title": "Information", 
"description":"We'd love to hear from you! If you have any questions or need assistance, please don't hesitate to get in touch with us using the following contact information:", 
"phone": { 
"label": "Mobile Number", 
"value": "+1 (123) 456-7890" 
}, 
"address": { 
"label": "Address", 
"value": "1234 Main Street City, State 56789 USA" 
}, 
"email": { 
"label": "Email Address", 
"value": "[email protected]" 
} 
} 
}

After any content change, you must rebuild & redeploy so your changes go live. Follow the redeploy instructions for your hosting method (see Assets section above).