Skip to content

Commit

Permalink
Remove Lorem Ipsum
Browse files Browse the repository at this point in the history
  • Loading branch information
@zanivan
zanivan committed Dec 20, 2023
1 parent 9bbf1d9 commit 07f7405
Show file tree
Hide file tree
Showing 5 changed files with 86 additions and 60 deletions.
47 changes: 27 additions & 20 deletions docs/data/material/getting-started/templates/album/components/FAQ.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import AccordionSummary from '@mui/material/AccordionSummary';
import Typography from '@mui/material/Typography';
import Box from '@mui/material/Box';
import Container from '@mui/material/Container';
import Link from '@mui/material/Link';

import ExpandMoreIcon from '@mui/icons-material/ExpandMore';

Expand Down Expand Up @@ -49,18 +50,20 @@ export default function FAQ() {
aria-controls="panel1d-content"
id="panel1d-header"
>
<Typography variant="subtitle2">Collapsible Group Item #1</Typography>
<Typography variant="subtitle2">
{' '}
How do I contact customer support if I have a question or issue?
</Typography>
</AccordionSummary>
<AccordionDetails>
<Typography
variant="body2"
gutterBottom
sx={{ maxWidth: { sm: '100%', md: '60%' } }}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada
lacus ex, sit amet blandit leo lobortis eget.
You can reach our customer support team by emailing
<Link> [email protected] </Link>
or calling our toll-free number. We're here to assist you promptly.
</Typography>
</AccordionDetails>
</Accordion>
Expand All @@ -73,18 +76,19 @@ export default function FAQ() {
aria-controls="panel2d-content"
id="panel2d-header"
>
<Typography variant="subtitle2">Collapsible Group Item #2</Typography>
<Typography variant="subtitle2">
Can I return the product if it doesn't meet my expectations?
</Typography>
</AccordionSummary>
<AccordionDetails>
<Typography
variant="body2"
gutterBottom
sx={{ maxWidth: { sm: '100%', md: '60%' } }}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada
lacus ex, sit amet blandit leo lobortis eget.
Absolutely! We offer a hassle-free return policy. If you're not
completely satisfied, you can return the product within [number of
days] days for a full refund or exchange.
</Typography>
</AccordionDetails>
</Accordion>
Expand All @@ -97,18 +101,19 @@ export default function FAQ() {
aria-controls="panel3d-content"
id="panel3d-header"
>
<Typography variant="subtitle2">Collapsible Group Item #3</Typography>
<Typography variant="subtitle2">
What makes your product stand out from others in the market?
</Typography>
</AccordionSummary>
<AccordionDetails>
<Typography
variant="body2"
gutterBottom
sx={{ maxWidth: { sm: '100%', md: '60%' } }}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada
lacus ex, sit amet blandit leo lobortis eget.
Our product distinguishes itself through its adaptability,
durability, and innovative features. We prioritize user satisfaction
and continually strive to exceed expectations in every aspect.
</Typography>
</AccordionDetails>
</Accordion>
Expand All @@ -121,18 +126,20 @@ export default function FAQ() {
aria-controls="panel3d-content"
id="panel3d-header"
>
<Typography variant="subtitle2">Collapsible Group Item #4</Typography>
<Typography variant="subtitle2">
Is there a warranty on the product, and what does it cover?
</Typography>
</AccordionSummary>
<AccordionDetails>
<Typography
variant="body2"
gutterBottom
sx={{ maxWidth: { sm: '100%', md: '60%' } }}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada
lacus ex, sit amet blandit leo lobortis eget.
Yes, our product comes with a [length of warranty] warranty. It
covers defects in materials and workmanship. If you encounter any
issues covered by the warranty, please contact our customer support
for assistance.
</Typography>
</AccordionDetails>
</Accordion>
Expand Down
29 changes: 23 additions & 6 deletions docs/data/material/getting-started/templates/album/components/Features.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,21 +20,23 @@ const items = [
icon: <ViewQuiltRoundedIcon />,
title: 'Dashboard',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi.',
'This item could provide a snapshot of the most important metrics or data points related to the product.',
image:
'url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=3570&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")',
},
{
icon: <EdgesensorHighRoundedIcon />,
title: 'Mobile integration',
description: 'Aliquam in hendrerit urna.',
description:
'This item could provide information about the mobile app version of the product.',
image:
'url("https://images.unsplash.com/photo-1581287053822-fd7bf4f4bfec?q=80&w=3602&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")',
},
{
icon: <DevicesRoundedIcon />,
title: 'Available in all platforms',
description: 'Pellentesque sit amet sapien fringilla, mattis ligula consectetur',
description:
'This item could let users know that the product is available on all platforms, such as web, mobile, and desktop.',
image:
'url("https://images.unsplash.com/photo-1597740985671-2a8a3b80502e?q=80&w=3456&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")',
},
Expand Down Expand Up @@ -62,8 +64,10 @@ export default function Features() {
Product features
</Typography>
<Typography variant="body1" color="text.secondary" component="p">
Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa
mi. Aliquam in hendrerit urna.
Here you can provide a brief overview of the key features of the
product. For example, you could list the number of features, the
types of features (e.g., core features, add-ons), or the benefits of
the features.
</Typography>
</Box>
<Stack
Expand Down Expand Up @@ -121,7 +125,20 @@ export default function Features() {
width: '100%',
}}
>
<Box sx={{ opacity: '50%' }}>{icon}</Box>
<Box
sx={{
color: (theme) =>
theme.palette.mode === 'light'
? selectedItemIndex === index
? brandColor[500]
: greyColor[400]
: selectedItemIndex === index
? brandColor[500]
: greyColor[600],
}}
>
{icon}
</Box>
<span>
<Typography
component="span"
Expand Down
50 changes: 26 additions & 24 deletions docs/data/material/getting-started/templates/album/components/Highlights.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,51 +4,51 @@ import Container from '@mui/material/Container';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
import Grid from '@mui/material/Grid';
import { grey } from '@mui/material/colors';
import { greyColor } from '../getAlbumTheme';

import AccessTimeRoundedIcon from '@mui/icons-material/AccessTimeRounded';
import ArchitectureRoundedIcon from '@mui/icons-material/ArchitectureRounded';
import CloudQueueRoundedIcon from '@mui/icons-material/CloudQueueRounded';
import AutoFixHighRoundedIcon from '@mui/icons-material/AutoFixHighRounded';
import SettingsSuggestRoundedIcon from '@mui/icons-material/SettingsSuggestRounded';
import ConstructionRoundedIcon from '@mui/icons-material/ConstructionRounded';
import HeadsetRoundedIcon from '@mui/icons-material/HeadsetRounded';
import AutoFixHighRoundedIcon from '@mui/icons-material/AutoFixHighRounded';
import QueryStatsRoundedIcon from '@mui/icons-material/QueryStatsRounded';
import ThumbUpAltRoundedIcon from '@mui/icons-material/ThumbUpAltRounded';
import SupportAgentRoundedIcon from '@mui/icons-material/SupportAgentRounded';

const items = [
{
icon: <AccessTimeRoundedIcon />,
title: 'Item 1 Title',
icon: <SettingsSuggestRoundedIcon />,
title: 'Adaptable performance',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.',
'Our product effortlessly adjusts to your needs, boosting efficiency and simplifying your tasks.',
},
{
icon: <ArchitectureRoundedIcon />,
title: 'Item 2 Title',
icon: <ConstructionRoundedIcon />,
title: 'Built to last',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.',
'Experience unmatched durability that goes above and beyond, ensuring a lasting investment.',
},
{
icon: <CloudQueueRoundedIcon />,
title: 'Item 3 Title',
icon: <ThumbUpAltRoundedIcon />,
title: 'Great user experience',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.',
'Seamlessly integrate our product into your routine with an intuitive and easy-to-use interface.',
},
{
icon: <AutoFixHighRoundedIcon />,
title: 'Item 4 Title',
title: 'Innovative functionality',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.',
'Stay ahead with features that set new standards, addressing your evolving needs better than the rest.',
},
{
icon: <ConstructionRoundedIcon />,
title: 'Item 5 Title',
icon: <SupportAgentRoundedIcon />,
title: 'Reliable support',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.',
'Count on our responsive customer support, offering assistance that goes beyond the purchase.',
},
{
icon: <HeadsetRoundedIcon />,
title: 'Item 6 Title',
icon: <QueryStatsRoundedIcon />,
title: 'Precision in Every Detail',
description:
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.',
'Enjoy a meticulously crafted product where small touches make a significant impact on your overall experience.',
},
];

Expand Down Expand Up @@ -87,9 +87,11 @@ export default function Highlights() {
spacing={1}
sx={{
border: '1px solid',
borderColor: grey[900],
borderColor: greyColor[800],
backgroundColor: greyColor[900],
borderRadius: '8px',
p: 2,
height: '100%',
}}
>
<Box>
Expand Down
18 changes: 9 additions & 9 deletions docs/data/material/getting-started/templates/album/components/Testimonials.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,42 +15,42 @@ const userTestimonials = [
name: 'Remy Sharp',
occupation: 'Senior engineer',
testimonial:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur',
"I absolutely love how versatile this product is! Whether I'm tackling work projects or indulging in my favorite hobbies, it seamlessly adapts to my changing needs. Its intuitive design has truly enhanced my daily routine, making tasks more efficient and enjoyable.",
},
{
avatar: <Avatar alt="Travis Howard" src="/static/images/avatar/2.jpg" />,
name: 'Travis Howard',
occupation: 'Lead product designer',
testimonial:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi.',
"One of the standout features of this product is the exceptional customer support. In my experience, the team behind this product has been quick to respond and incredibly helpful. It's reassuring to know that they stand firmly behind their product, providing the kind of support that enhances the overall user experience and instills confidence in the brand.",
},
{
avatar: <Avatar alt="Cindy Baker" src="/static/images/avatar/3.jpg" />,
name: 'Cindy Baker',
occupation: 'CTO',
testimonial:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. ',
'The level of simplicity and user-friendliness in this product has significantly simplified my life. I appreciate the creators for delivering a solution that not only meets but exceeds user expectations.',
},
{
avatar: <Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" />,
name: 'Remy Sharp',
occupation: 'Senior engineer',
testimonial:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur',
"I appreciate the attention to detail in the design of this product. The small touches make a big difference, and it's evident that the creators focused on delivering a premium experience.",
},
{
avatar: <Avatar alt="Travis Howard" src="/static/images/avatar/2.jpg" />,
name: 'Travis Howard',
occupation: 'Lead product designer',
testimonial:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur',
"I've tried other similar products, but this one stands out for its innovative features. It's clear that the makers put a lot of thought into creating a solution that truly addresses user needs.",
},
{
avatar: <Avatar alt="Cindy Baker" src="/static/images/avatar/3.jpg" />,
name: 'Cindy Baker',
occupation: 'CTO',
testimonial:
'Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur',
"The quality of this product exceeded my expectations. It's durable, well-designed, and built to last. Definitely worth the investment!",
},
];

Expand Down Expand Up @@ -79,9 +79,9 @@ export default function Testimonials() {
Testimonials
</Typography>
<Typography variant="body1" color="text.secondary" component="p">
Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi.
Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis
ligula consectetur
See what our customers love about our products. Discover how we excel in
efficiency, durability, and satisfaction. Join us for quality,
innovation, and reliable support.
</Typography>
</Box>
<Masonry columns={columns} spacing={2}>
Expand Down
2 changes: 1 addition & 1 deletion docs/data/material/getting-started/templates/album/getAlbumTheme.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,7 @@ export default function getAlbumTheme(mode: 'light' | 'dark') {
root: ({ ownerState }: { ownerState: { color?: string } }) =>
({
...(ownerState.color === 'primary' && {
color: brandColor[500],
color: mode === 'light' ? brandColor[500] : brandColor[400],
}),
} as const),
},
Expand Down

0 comments on commit 07f7405

Please sign in to comment.